javascript - Jquery SlickGrid - 为分组行添加区别

Question

所以这是 SlickGrid 的一个非常具体的问题，但我想知道是否有人尝试过更改行分组时的外观？我认为在分组的行周围添加边框以表明它们是该标题的一部分会很酷。

SlickGrid 的工作方式并没有给出任何行在 DOM 中分组的指示，它们只是出现在标题下方。我尝试过做这样的事情:

dataView.getItemMetadata = function(index) {
     return {cssClasses: "myRowCssClass"};                        
}

但不幸的是，这破坏了分组方面的其他事情。 groupBy 函数需要处理 native getItemMetadata 函数中的一些内容。我可以将这些内容复制到这个函数中并为此添加一个条件，但这似乎不对。有使用 SlickGrid 经验的人知道如何实现这种效果吗？

Answer 1

我知道这是一个老问题。但我已经做了类似你所问的事情。

在我的数据中，我拥有有关组织内多个站点的 Assets 的信息。因此，对于每组记录，站点的名称将是相同的。当我读取数据(通过 $.ajax 调用获得)时，每当站点名称发生更改时，我都会在数据数组中插入一个“父”行。

我想以粗体显示这些父行。我通过为父行定义 CSS 类并使用 getItemMetadata() 应用该类来实现此目的。

dataView.getItemMetadata = function(row) {
    if (row is a parent) {
        return { 'cssClasses' : 'my-parent-row-class' };
    }
};

在我的应用程序中，我还使用了 Slickgrid 过滤器和“切换”类(在单击处理程序中应用)来实现向下钻取功能，您可以在其中单击父行并折叠/展开分组下的行该父行。

我希望这会有所帮助。

蒂姆