Как сохранить атрибут ячейки в 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(); 

     });