2014-02-26 45 views
0

你好,我正在使用Slick Grid with dataview來渲染,分組和過濾行。Slickgrid動態支持排序動態

我正在尋找一個解決方案,我可以選擇一個像「foo」這樣的值,並突出顯示與之相關的行。

H *是高亮行

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

使用比較算法我可以用Grid.setCellCssStyles

突出那些行,但如果我恰巧頭1

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

至於排序你可以看到第1,4和6行保持高亮,但不正確。

任何動態解決方案?

回答

0

解決方案我最終使用:

數據視圖有贊同的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