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

Question

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

SlickGrid 的工作方式并没有表明行在 DOM 中分组，它们只是出现在标题下。我试图做这样的事情：

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

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

score 0 · Accepted Answer

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

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

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

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

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

我希望这有帮助。

蒂姆

1 回答 1