排序后重新设计动态样式的 SlickGrid 单元格

Question

好吧，让我更清楚地解释我的场景：

当单元格被编辑时，它会变得“脏”，我通过 javascript 将 CSS 类添加到单元格来以某种方式设置它的样式。

然后，如果用户对网格进行排序，样式就会丢失（我相信是因为所有行都被重新创建），并且我需要一种方法在排序后将样式恢复到适当的单元格/行。

我试图做的是在 data[] 中添加一个名为“status”的条目，并且 onCellChange 我循环遍历 data[] 并将 args.item.Id 与 data[] 中的适当条目相匹配。

grid.onCellChange.subscribe(function (e, args) {
    var done = false;
    for (var i = 0; i < data.length && !done; i++) {
        if (data[i].id == args.item.id) {
            data[i].status = "dirty";
            done = true;
        }
    }
}

但是，在 onSort 上我不确定如何将排序后的行与数据数组匹配。 （因为我没有 args.item）我尝试执行选择器语句： $(".slick-row") 重新设置正确单元格的样式，但我无法将行与其在 data[] 中的条目关联起来。

Answer 1

1) 无需在 onCellChange 处理程序中搜索该项目 - 它可以在“args.item”中找到。

2) 对“数据”数组进行排序不会清除您对#1 中的项目所做的更改。

3）您提到动态设置单元格样式。我没有看到任何代码。如果您的自定义格式化程序是一段查看“item.status”的代码，并且如果它是脏的，则以不同的方式呈现它，那么您无需执行任何额外操作。对数据进行排序并告诉网格重新渲染将保留“脏”单元格样式。