细胞景观中折叠/扩张的复合节点

Question

cytoscape.js 是否支持折叠/展开复合节点？

Eg. before collapsing

node1 (-)
--node1.1
--node1.2
------node1.2.1

崩溃后

node1 (+)

用于展开/折叠的 (+) 或 (-) 符号会很棒。

寻找使用复合节点对一组节点进行分组并通过用户交互折叠/展开的选项。如果 cytoscape.js 默认不支持此功能，是否有任何替代方案/解决方法可以达到目标？

Answer 1

使用 API 相对简单。

坍塌：node1.descendants().addClass('collapsed-child')

扩张：node1.descendants().removeClass('collapsed-child')

... 在哪里.collapsed-child { opacity: 0; }

您可能还想更改后代的位置，使父节点更小。或者，如果您不关心看到折叠子项的边缘，则可以使用display: nonefor 。.collapsed-child