使用 mxGraph 实现分层树编辑器
Implementing a hierarchical tree editor with mxGraph
我想用 mxGraph 实现一个对话树编辑器。
我从 workfloweditor 示例 [1] 开始，并尝试根据我的需要自定义代码。使用 subprocess 模板作为节点和定向连接器绘制图形效果很好。但是，图表 hierarchy 似乎丢失了：无论我连接了多少个节点，工具提示总是显示 "Children: 0"。原始示例代码中也会发生同样的情况。
如何显式配置图形以遵循分层父子布局？
[1] https://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html
children不是我想的那样
什么是 children？这些是当前单元格为 parent 的单元格。什么是 parent ？尝试一下：添加一个框，右键单击它并单击 "enter group"。如果你愿意，你现在在 sub-process 里面。在那里放几个盒子，然后右击 canvas "exit group"。现在你有一个 parent 个单元格和 children 个单元格。
你要做的是读取你的盒子之间的连接。看看 how to traverse the graph 或者你也可以手动实现，这很简单。
我想用 mxGraph 实现一个对话树编辑器。
我从 workfloweditor 示例 [1] 开始，并尝试根据我的需要自定义代码。使用 subprocess 模板作为节点和定向连接器绘制图形效果很好。但是，图表 hierarchy 似乎丢失了：无论我连接了多少个节点，工具提示总是显示 "Children: 0"。原始示例代码中也会发生同样的情况。
如何显式配置图形以遵循分层父子布局？
[1] https://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html
children不是我想的那样
什么是 children？这些是当前单元格为 parent 的单元格。什么是 parent ？尝试一下：添加一个框，右键单击它并单击 "enter group"。如果你愿意，你现在在 sub-process 里面。在那里放几个盒子，然后右击 canvas "exit group"。现在你有一个 parent 个单元格和 children 个单元格。
你要做的是读取你的盒子之间的连接。看看 how to traverse the graph 或者你也可以手动实现，这很简单。