javascript - 使用 mxGraph 实现分层树编辑器

Question

我想用 mxGraph 实现对话树的编辑器。

我从工作流编辑器示例 [1] 开始，并尝试根据我的需要自定义代码。使用子流程模板作为节点和有向连接器绘制图形效果很好。但是，图表层次结构似乎缺失：无论我连接多少个节点，工具提示始终显示“儿童：0”。原始示例代码中也会发生同样的情况。

如何显式配置图形以遵循分层父子布局？

[1] https://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html

Answer 1

孩子们不是我想你想的那样。

什么是孩子？这些是以当前单元格为父单元格的单元格。什么是父母？试试看：添加一个框，右键单击它，然后单击“进入组”。如果您愿意，您现在处于子流程中。在那里放置几个框，然后右键单击画布“退出组”。现在您有一个带有子单元格的父单元格。

你要做的是阅读你的盒子之间的连接。看看如何遍历图表，或者您也可以手动实现，这相当简单。