jqGrid突出显示新添加的行

是否可以在jqGrid中突出显示新添加的行。 高光效果就像这个高光效果

因此，当添加新行时，该行将突出显示，这将使用户清楚哪个记录是新记录。

非常感谢！

Answer 1

是的，我使用以下内容简要地突出显示了新添加的行。 它产生了一个很好的效果，让用户知道有新的数据，听起来就像你正在寻找的：

jQuery("#" + rowId, "#myGrid").effect("highlight", {}, 2000); 

Answer 2

如果我理解你的正确，你想要突出显示一个关于表单编辑的行（导航栏中的“+”）。 表单编辑支持事件afterComplete ，您可以使用该事件添加一些post-edditingfunction。 例如，如果要添加所有行的高亮效果，则可以使用jQuery.jgrid.edit常规设置：

 jQuery.extend(jQuery.jgrid.edit, { reloadAfterSubmit: false, afterComplete : function (response, postdata, formid) { if (postdata.oper === "add") { // highlight on "add" only var row = jQuery ("#"+$.jgrid.jqID(postdata.id), jQuery(this.gbox)); row.effect("highlight", {color:"red"}, 3000); } } }); 

如果你将使用row.effect("highlight", {}, 3000); （没有红色），你会看到高亮效果，但有点不太清楚，因为默认情况下会选择添加的行。

您可以修改代码以仅对一个选定的网格使用突出显示。

Answer 3

你对这一行有什么信息。

你有行ID吗？ 或者标记为键的字段的值？

它创建如此定义的行。 请注意，行的id与键值相同。

 112007-10-06Client 1600.00120.00720.00  

那么你就可以做到。

 $("#tblselector).find("#+KeyValue").addClass("ui-state-highlight") 

它实际上取决于行的添加方式。 您可以使用afterInsertRow事件，但这会在每行添加到网格时触发。 此外，还有关于此事件的说明。

注意：如果gridview选项设置为true，则不会触发此事件

如果要返回大量行或列，我建议不要将gridview选项更改为false，因为它会对性能产生很大影响。

我会要求澄清如何添加行但没有足够的评论点。