Jquery SlickGrid - 为分组行添加区别

Question

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

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

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

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

Answer 1

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

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

我想以粗体显示这些父行。我通过为父行定义CSS类并使用getItemMetadata（）来应用该类来完成此任务。

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

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

我希望这会有所帮助。

添