首页 > 解决方案 > 突出显示新添加的行 - jsGrid

问题描述

我正在使用 jsGrid 我想突出显示新插入的行以获得更好的用户显示:

在 onItemInserted 回调中,我尝试执行与 rowClick 回调中相同的操作(单击突出显示该行)。

onItemInserted: function (args) {
    var $row = this.rowByItem(args.item);
    $("#jsGrid_medidasImpDig").jsGrid("loadData");

    var selRow = $("tr.selrow");
    selRow.removeClass("selrow"); // quita el resaltado a la fila actualmente resaltada
    $row.addClass("selrow"); // resalta la nueva fila
}

rowClick: function (args) {
    var $row = this.rowByItem(args.item);
    var selRow = $("tr.selrow");
    selRow.removeClass("selrow");
    $row.addClass("selrow");
}

onItemInserted 中的 loadData 是因为当创建新行时它总是会到列表的末尾,执行 loadData 会产生新记录插入到它所属的位置的效果。当新记录出现插入时,我想突出显示它,如图所示。在图像的情况下,刚刚插入了 15 X 20。

行插入了一个突出显示

谢谢你的合作。

标签: jsgrid

解决方案


推荐阅读