Slickgrid 使用排序支持动态突出显示答案

【问题标题】：Slickgrid Highlight dynamically with sort supportSlickgrid 使用排序支持动态突出显示
【发布时间】：2014-02-26 00:58:57
【问题描述】：

您好，我正在使用带有数据视图的 Slick Grid 来呈现、分组和过滤行。

我正在寻找一种解决方案，我可以选择像“foo”这样的值并用它突出显示到达行。

H* 是一个荧光笔行

    header1  header2
------------------------
 H  foo     test
    other   row
    here    andthere
 H  foo     appeared
    again   test
 H  foo     last

使用比较算法，我可以使用 Grid.setCellCssStyles 突出显示这些行

但如果我碰巧按 Header1 排序

    header1  header2
------------------------
 H  foo     test
    foo     appeared
    foo     last
 H  other   row
    here    andthere
 H  again   test

如您所见，第 1,4 和 6 行保持高亮显示但不正确。

任何动态解决方案？

【问题讨论】：

标签： javascript slickgrid

【解决方案1】：

我最终使用的解决方案：

Dataview 有一个辅助函数，它订阅 onRowsChanged 、 onRowCountChanged 和 onSelectedRowsChanged 以更新选定的行

dataview.syncGridSelection(this.grid,true);

对于行的自定义/动态 CSS 突出显示，我使用了他们的 syncGridCellCssStyles 辅助函数。

var obj={};
var row=rowidthat should be highlighted;
obj[row]={column1:"css_class",
        column2:"css_class",
        column3:"css_class"}

this.grid.setCellCssStyles("css_key",obj);

Synchronizing selection and cell CSS

【讨论】：