2015-05-07 25 views
0

我正在使用slickgrid显示某些值。在满足特定条件,我使用的语句滚动时丢失了Slickgrid单元格颜色

$($('.grid-canvas').children()[args.row].children[args.cell]).context.style.background = "yellow"; 

我手里拿的下<div>这slickgrid突出细胞黄色。 现在随着行数的增加,一个滚动条出现在<div>内。 当我向下滚动到达最后一行,然后向上滚动到第一行时,最初在顶部行的单元格中出现的单元格颜色将丢失。

回答

0

由于Slickgrid会在滚动时重新绘制网格(而不是将所有数据存储在DOM树中),因此您在DOM中设置的内容将被重置,我们必须使用Slickgrid的API在特定行,列设置背景: grid.setCellCssStyles(key, hash)

https://github.com/mleibman/SlickGrid/wiki/Slick.Grid#setCellCssStyles

你可以看看这里的演示:http://jsfiddle.net/n58Cq/90/

+0

谢谢nhabuiduc。现在我必须实现一个场景,我必须突出显示单击的单元格。我再次使用 '$($('。grid-canvas')。children()[args.row] .children [args.cell])。context.style.background =“red”'这是写在onclick函数中。如果单元格已经突出显示,我将点击删除颜色。现在,在滚动并返回时,颜色会丢失。 –

+0

我已经用您的场景进行了演示,请查看http://jsfiddle.net/n58Cq/90/ – nhabuiduc

+0

谢谢@nhabuiduc。这对我有用。 –