我有一个带有两个NestingGroups的时间表。每个小组中都有一个项目,每个小组都嵌套了3个其他小组。
时间轴上总共有8个组。我将项目添加到“ NestedGroups”中,然后在顶级“ Nesting Group”中再次添加它们(更改ID)。 JSFiddle将显示我为什么这样做。我在Sub / NestedGroups中拥有不同的优先级,并试图在Top Level / Nesting Groups中显示汇总。
groups.add([
{
id: '1',
content: "Live",
nestedGroups: ['1-high', '1-medium', '1-low'],
className: "liveGroup",
subgroupStack: {'1-high': true,'1-medium': true, '1-low': true}
},
{
id: '2',
content: "Draft",
nestedGroups: ['2-high', '2-medium', '2-low'],
className: "draftGroup dg",
subgroupStack: {'2-high': true,'2-medium': true, '2-low': true}
}
]);
https://jsfiddle.net/y01w397u/
我不知道如何让“顶级”组对项目进行排序。我有一个自定义的“订单”功能,里面有一个控制台日志。永远不会使用顶级组中的项目调用此函数。 (ID> 10000的项目)。
子组排序正常。
总体预期情况是绿色框始终与所有其他框重叠。您可以看到第二个绿色框不是这种情况。
https://jsfiddle.net/y01w397u/
p.s。奖励问题:我注意到使用子组时,这些组的高度不相等。即:顶层组的身高要低于子组。我正在用CSS手动覆盖它,但是我缺少什么吗?