javascript - 细胞景观中的折叠/扩展复合节点

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: none 用于 .collapsed-child。