编辑完成后更改 JqGrid 行的背景颜色答案

【问题标题】：change background color of JqGrid row after editing is completed编辑完成后更改 JqGrid 行的背景颜色
【发布时间】：2012-05-25 01:09:16
【问题描述】：

 I have a problem in defining background color for edited row.

1) 一旦编辑完成，我们需要为 JQgrid 行显示不同的背景颜色。 2) 编辑的行颜色也应该保留在分页中。

我使用了下面的代码，一旦我们点击编辑图标，我就可以改变行的背景颜色，但是颜色正在改变，虽然数据没有被编辑，颜色也没有保留在分页中。

var orgEditGridRow = grid.jqGrid.editGridRow; // save original function
$.jgrid.extend ({editGridRow : function(rowid, p){
$.extend(p,
{ // modify some parameters of editGridRow
beforeShowForm:function(rowid,p){
  grid.jqGrid('setRowData',rowid, false, 'state_active');
}});
 orgEditGridRow.call (this,rowid, p);
 }});

please provide some suggestions to solve this issue.

【问题讨论】：

顺便说一句，你不需要把原来的editGridRow覆盖到年轻人，只是为了实现你需要的beforeShowForm。如果你这样做，你应该在beforeShowForm 实现中使用$(this) 而不是grid，以使代码更多地作为一个网格工作。此外，函数beforeShowForm 应该有正确的参数（只有一个）。如果您需要在beforeShowForm 中实现一些常见操作，您可以使用新的jqGridAddEditBeforeShowForm 事件。事件处理程序有event 和第一个参数$form（jQuery 到表单）和“添加”或“编辑”作为最后一个参数。

标签： jqgrid

【解决方案1】：

我看到你使用reloadAfterSubmit: false。因此将使用默认的false 值，并在将更改提交到服务器后重新加载网格。如果您需要将类"state_active" 分配给修改的行，您必须将修改行的ID 保存在一些附加变量（例如数组）中，并在loadComplete 回调或在rowattr 回调内部更好（参见the answer）。

为确保只有修改后的行将获得交替背景颜色，您可以使用afterSubmit（或在某些情况下为afterComplete）回调而不是beforeShowForm。

【讨论】：

感谢奥列格的回答。我仍然面临rowattr的一个问题。此属性是在网格级别定义的。根据您的示例，根据列值更改行颜色。我可以在编辑完成后保存行 ID。请建议我将 paas 数组值的解决方案设置为 rowattr。
@user1400965：您可以在外部范围内定义数组。例如var ids = []; $("#list").jqGrid({/*options*/, rowattr: function (rd) { if($.inArray(rd.id, ids)) { return {"class": "state_active"};}}}); 以同样的方式您可以访问afterSubmit 内部的ids 数组，并且您可以测试修改行的id 是否已经在ids 数组中，如果它不在数组中，请使用ids.push(id)添加它。
rowattr: function (rd) { if($.inArray(rd.srno, ids)) {return {"class": "state_active"};}}。通过每次使用它，只有 id 的第 0 个位置被更改为不同的颜色。 ids 数组中的所有其他值不受影响。
@user1400965：您是否像我上面描述的那样在afterSubmit 中填写了ids？如果您在代码中遇到问题，您可以编辑问题代码并将其附加到您使用的当前代码中。 Here 你会发现如何在文本中格式化代码。
目前我已经手动定义了ids。对于 Ex var ids=[1,5,7];但它仍然占据 ids 的第 0 位。