Slickgrid通过排序支持动态突出显示

时间:2014-02-26 00:58:57

标签: javascript slickgrid

您好我使用带有数据视图的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行保持高亮但不正确。

任何动态解决方案?

1 个答案:

答案 0 :(得分:0)

解决方案我最终使用:

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