jqgrid：如何发送和接收行数据保持编辑模式

jqGrid 有员工姓名和员工 ID 列。

If employee name已更改，应调用服务器验证方法来验证名称。当前行列应根据此方法返回的数据进行更新。

If employee id已更改，应调用服务器验证方法来验证 id。 当前行列应根据此方法返回的数据进行更新。

最好 jqGrid 应保持在编辑模式，以便用户可以继续更改、接受或拒绝更改。

如何在内联和表单编辑中实现这一点？ 我正在考虑以下可能性：

可能性1。

将 editrules 与自定义验证器一起使用，例如

            editrules = new
            {
                custom = true,
                custom_func = function(value, colname) { ??? }
            },

问题：如何从所有列获取数据、进行同步或异步调用以及使用此调用结果更新列。

可能性2。

要求用户按 Enter 键来保存行。 问题：如何找到更改的列并将该列号传递给服务器。 如何从服务器响应更新当前行数据。

可能性3。

使用模糊，如 Oleg 中所述，很好的答案jqgrid 更改单元格值并保持编辑模式 https://stackoverflow.com/questions/5247138/jqgrid-change-cell-value-and-stay-in-edit-mode

问题：如果输入数据并立即按下回车键，模糊不会触发。在这种情况下如何应用模糊？

总之，服务器端计算/验证应按如下方式完成：

如果列已更改并且焦点移出或在已更改的列中按 Enter 键进行保存，则服务器端同步或如果不可能，则应调用异步方法。更改的列名称和当前编辑的行值（如编辑方法中所示）将作为参数传递给此方法。

此方法返回已编辑行的新值。当前编辑的行值应替换为该方法返回的值。

Update

奥列格的回答假设主键已修改。这个因素并不重要。这是问题的新版本，没有主键和其他更新：

jqGrid 有产品条形码和产品名称列。

If product name已更改，应调用服务器验证方法来验证名称。当前行列应根据此方法返回的数据进行更新。

If product barcode已更改，应调用服务器验证方法来验证产品条形码。 当前行列应根据此方法返回的数据进行更新。

jqGrid 应保持在编辑模式，以便用户可以继续更改、接受或拒绝更改。

如何在内联和表单编辑中实现这一点？ 我正在考虑以下可能性：

可能性1。

将 editrules 与自定义验证器一起使用，例如

            editrules = new
            {
                custom = true,
                custom_func = function(value, colname) { ??? }
            },

问题：如果输入元素失去焦点，custom_func 不会触发。它在所有元素的保存之前调用。所以不能使用。

可能性2。

要求用户按 Enter 键来保存行。 问题：如何找到更改的列并将该列号传递给服务器。 保存方法应已知列（名称或条形码更改顺序）并填充不同的列。这看起来不太合理。

可能性3。

使用模糊：

colModel: [{"label":"ProductCode","name":"ProductCode","editoptions":{
"dataEvents":[
{"type":"focus","fn":function(e) { ischanged=false}},
{"type":"change","fn":function(e) {ischanged=true}},
{"type":"keydown","fn":function(e) {ischanged=true }},
{"type":"blur","fn":function(e) { if(ischanged) validate(e)} }
]},

为了实现验证，我在 Oleg 中找到了很好的答案jqgrid 更改单元格值并保持编辑模式 https://stackoverflow.com/questions/5247138/jqgrid-change-cell-value-and-stay-in-edit-mode

要求摘要：

如果列已更改并且焦点移出或在已更改的列中按 Enter 键进行保存，则服务器端同步或如果不可能，则应调用异步方法。更改的列名称和当前编辑的行值（如编辑方法中所示）将作为参数传递给此方法。

此方法返回已编辑行的新值。当前编辑的行值应替换为该方法返回的值。

Update2

这个问题与并发无关。这是单用户和 jqGrid 问题。更新意味着单个用户更改产品名称或条形码，服务器应提供附加数据（产品 ID 和/或名称/条形码）对此做出响应。

Update 4

我尝试了下面的代码。 如果用户输入新代码并按 Enter 键而不移动到其他行，则不会发生模糊并且不会调用验证。

如何在 jqGrid 保存方法中检测单元格是否脏或其他想法如何在按下 Enter 结束编辑时强制运行此代码而不失去更改的外键单元格的焦点？

function validate(elem, column) {
ischanged = false;
var i, form, row;
var postData = { _column: column  };
var colModel = $("#grid").jqGrid('getGridParam', 'colModel');
var formEdit = $(elem).is('.FormElement');
// todo: use jQuery serialize()  ???
if (formEdit) {
    form = $(elem).closest('form.FormGrid');
    postData._rowid = $("#grid").jqGrid('getGridParam', 'selrow');
    for (i = 0; i < colModel.length; i++)
        eval('postData.' + colModel[i].name + '="' + $('#' + colModel[i].name + '.FormElement', form[0]).val() + '";');
}
else {
    row = $(elem).closest('tr.jqgrow');
    postData._rowid = row.attr('id');
    for (i = 1; i < colModel.length; i++)
        eval('postData.' + colModel[i].name + '="' + $('#' + postData._rowid + '_' + colModel[i].name).val() + '";');
}
$.ajax('Grid/Validate', {
    data: postData,
    async: false,
    type: 'POST',
    success: function (data, textStatus, jqXHR) {
        for (i = 0; i < data.length; i++) {
            if (formEdit)
                $('#' + data[i].name + '.FormElement', form[0]).val(data[i].value);
            else
                $('#' + postData._rowid + '_' + data[i].name).val(data[i].value);
        }
    }
});
}

colModel 定义为：

{"name":"ProductBarCode",
"editoptions":    {"dataEvents":  
[{"type":"focus","fn":function(e) {ischanged=false}
},
{"type":"change","fn":function(e) {ischanged=true},
{"type":"keydown","fn":function(e) {if(realchangekey()) ischanged=true}
},{"type":"blur","fn":function(e) { if(ischanged) {  validate(       e.target,ProductBarCode')}}
}]},"editable":true}

这是避免比消除更容易的问题之一。我必须提醒你我的建议（在评论中答案 https://stackoverflow.com/questions/6170325/jqgrid-how-to-update-row-id-if-primary-key-columns-was-edited/6170380#6170380）使用不可变的主键，因此永远不会改变。数据库表的记录可以被销毁，但新记录不应具有已删除记录的id。

在任何并发控制实现中，服务器优先是很重要的able来检测并发问题。您的 Web 应用程序的两个（或更多）用户可能会读取相同的信息，例如有关员工的信息。例如，该信息可以显示在 jqGrids 中。如果您允许更改员工 ID，那么第一个问题将是检测并发错误。让我们一个用户将更改员工 ID，另一个用户将尝试根据先前加载的信息。用户提交修改后，服务器应用程序只会收到“编辑”请求，但不会在数据库中找到对应的记录。服务器必须发送没有任何详细信息的错误响应。所以errorfunc of the editRow http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow或事件处理程序errorTextFormat of the 编辑网格行 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#editgridrow应该触发“reloadGrid”重新加载整个网格包含。

如果允许编辑主键，那么我可以想象前面描述的更危险的情况。另一用户不仅可以将当前编辑行的 id 更改为另一个值，还可以更改另一条记录的 id，这样其新 id 将与当前编辑 id 相同。在这种情况下，保存行的请求将覆盖另一条记录.

为了防止此类问题并简化乐观并发控制 http://en.wikipedia.org/wiki/Optimistic_concurrency_control可以添加一个附加列，它表示数据库的每个表中可以修改的任何形式的时间戳。我个人使用 Microsoft SQL Server 并添加我用来添加类型的不可空列行版本 http://msdn.microsoft.com/en-us/library/ms182776.aspx（与类型相同时间戳 http://msdn.microsoft.com/en-us/library/ms182776%28v=sql.90%29.aspx在以前版本的 SQL Server 中）。的价值行版本 http://msdn.microsoft.com/en-us/library/ms182776.aspx将与数据一起发送到jqGrid。将发送到服务器的修改请求将包含行版本 http://msdn.microsoft.com/en-us/library/ms182776.aspx。如果有数据会保存在数据库中相应的值rowversion列将是自动修改通过 SQL 数据库。通过以下方式，服务器可以很容易地检测并发错误：

CREATE PROCEDURE dbo.spEmployeesUpdate
    -- @originalRowUpdateTimeStamp used for optimistic concurrency mechanism
    -- it is the value which correspond the data used by the user as the source
    @Id int,
    @EmployeeName varchar(100),
    @originalRowUpdateTimeStamp rowversion,
    @NewRowUpdateTimeStamp rowversion OUTPUT
AS
BEGIN
    -- SET NOCOUNT ON added to prevent extra result sets from
    -- interfering with SELECT statements.
    -- ExecuteNonQuery() returns -1, but it is not an error
    -- one should test @NewRowUpdateTimeStamp for DBNull
    SET NOCOUNT ON;

    UPDATE dbo.Employees
    SET Name = @EmployeeName
    WHERE Id=@Id AND RowUpdateTimeStamp=@originalRowUpdateTimeStamp;

    -- get the new value of the RowUpdateTimeStamp (rowversion)
    -- if the previous update took place
    SET @NewRowUpdateTimeStamp = (SELECT RowUpdateTimeStamp
                                  FROM dbo.Employees
                                  WHERE @@ROWCOUNT > 0 AND Id=@Id)
END

您可以在服务器应用程序的代码中验证输出参数@NewRowUpdateTimeStamp将由存储过程设置dbo.spEmployeesUpdate。如果未设置，服务器应用程序可能会抛出DBConcurrencyException例外。

因此，我认为您应该修改数据库和服务器应用程序代码以实现乐观并发控制。之后，如果出现并发错误，服务器代码应返回带有 HTTP 错误代码的响应。这errorfunc of the editRow http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow或事件处理程序errorTextFormat of the 编辑网格行 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#editgridrow应重新加载当前修改行的新值。您可以使用更复杂的方式 https://stackoverflow.com/questions/5121350/jqgrid-access-cell-data-while-it-is-being-edited/5129908#5129908或者只是重新加载网格并继续修改当前行。的情况下不变rowid 您可以轻松找到新加载的行并在网格重新加载后开始编辑。

在现有数据库中您可以使用

ALTER TABLE dbo.Employees ADD NewId int IDENTITY NOT NULL
ALTER TABLE dbo.Employees ADD RowUpdateTimeStamp rowversion NOT NULL
ALTER TABLE dbo.Employees ADD CONSTRAINT UC_Employees_NewId UNIQUE NONCLUSTERED (NewId)
GO

然后你可以使用NewId而不是 jqGrid 或您需要的任何其他地方的 id。这NewId可以与您当前的主键共存，直到您更新应用程序的其他部分以更有效地使用NewId.

UPDATED：我不认为人们真的需要对并发错误实施任何复杂的错误纠正。在我的客户的项目中，需要编辑的数据不能包含任何长文本。因此，简单的消息，描述当前修改无法保存的原因就足够了。用户可以手动重新加载整个网格并验证他编辑的行的当前包含。人们不应忘记，任何复杂的程序都可能给项目带来额外的错误，实施起来很复杂，它会延长开发预算，而且大多数额外的投资永远无法得到回报。

例如，如果您确实需要实现编辑行的自动刷新，我永远不会在“模糊”事件中实现单元格验证。相反，人们可以验证内部errorfunc of the editRow http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow或内部errorTextFormat的事件处理程序编辑网格行 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#editgridrow服务器返回并发错误。万一发生并发错误，可以将当前编辑行的 id 保存在一个变量中，该变量可以在loadComplete事件句柄。然后，在显示错误消息后，可以重新加载网格$('#list').trigger('reloadGrid',[{current:true}]) (see here https://stackoverflow.com/questions/3807623/jqgrid-paging-question/3808014#3808014）。代替loadComplete事件句柄可以验证中止的编辑行的变量是否已设置。在这种情况下可以打电话editRow http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow or 编辑网格行 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#editgridrow并继续编辑字符串。我认为当当前行更改时，页面的其他行也可能会更改。因此，重新加载当前页面比仅重新加载当前单元格或网格的一行数据更好。