slickgrid - 如何在 slickgrid 中维护单元格属性

Question

我正在创建一个网格，其中值为“Y”的单元格应为绿色，值为“N”的单元格应为红色。为此，我为单元格分配了一个 cssClass“YN”，并创建了一个包含单元格值的属性。它看起来像这样：

CSS：

.slick-cell.YN[val="N"]{...

网格单元：

<div class="slick-cell l10 r10 YN" val="N">N</div>

这很好用，但是一旦我滚动或排序，属性就会被破坏，并且在重新创建元素时不会重新出现。

我需要一种方法来获取单元格值并在每次创建元素时创建一个属性。也许有比创建属性更简单的方法？CSS可以直接引用div html吗？非常感激任何的帮助。

PS：slickgrid 太棒了！

Answer 1

每当网格滚动、排序或更改页面时，都会重新创建网格 DOM。所以你应用的所有属性都丢失了......你必须再次应用它们......

所以你需要在onscroll和onsort函数中调用你的代码..

grid.onScroll.subscribe(function(e) {
            grid.invalidate();
            grid.render();

            yourCodeToStyleAgain();

        });

 grid.onSort.subscribe(function(e) {
            grid.invalidate();
            grid.render();

            yourCodeToStyleAgain();

        });