javascript - 访问渲染的项目

Question

尝试使用 Slickgrid。但有一些问题我不明白。

我在两个 X 单元格上制作了一个正则表达式过滤器，它的效果出奇的好。但每次您过滤或执行其他操作时，我都想使用 cellFlash 或荧光笔闪烁所有不正确的字段。

Atm 我已经制作了一个格式化程序，其正则表达式与过滤器使用的相同，但似乎不是 100% 正确。我使用 cellFlash 时的问题是它会触发所有行上的动画，而不仅仅是渲染的行。

我不确定我是否在正确的回调/阶段上触发了 flashcell，我在过滤器函数上执行了此操作，我将所有不正确的行保存在数组中，然后循环它们并触发 flash。

那么是否有可能获取在视口(viewport)中渲染的所有项目？还没有找到任何这方面的信息。我只能从 getRenderedViewport.. 中获取数据 pxls。 getRenderedRange() 或 getViewport()..

Answer 1

如果需要对当前光滑网格视口(viewport)中的每个数据项进行处理，可以使用getRenderedRange()来获取渲染的数据项索引的范围。然后您可以使用它来获取每个可见的数据项

function forEachItemInViewport(fn) {
    var range = slickGrid.getRenderedRange();
    var bottom = range.bottom;

    while(bottom--) {
        var dataItem = slickGrid.getDataItem(bottom);
        fn(dataItem);
    }
}

forEachItemInViewport(function (item) {
    // do your work on each item in viewport
});