Javascript 用mxGraph实现层次树编辑器

我想用mxGraph实现一个对话树编辑器

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

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

---

[1] 孩子们不是我想你想的那样

什么是儿童？这些是当前单元格作为父单元格的单元格。什么是父母？尝试：添加一个框，右键单击它，然后单击“输入组”。如果您愿意，您现在在子流程中。在那里放置一些框，然后右键单击画布上的“退出组”。现在您有了一个包含子单元格的父单元格

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