用mxGraph實現分層樹編輯器

Question

我想用mxGraph實現對話樹的編輯器。

我開始與工作流程編輯器示例[1]並嘗試根據我的需要自定義代碼。使用子流程將模板繪製爲節點和定向連接器的工作方式非常完美。但是，圖層次結構似乎缺失：無論連接多少個節點，工具提示總是顯示「子項：0」。在原始示例代碼中也是如此。

如何顯式配置圖形以遵循分層的父子佈局？

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

Answer 1

孩子們都沒有什麼，我認爲你的想法。

什麼是孩子？這些是以當前單元格作爲父元素的單元格。什麼是父母？嘗試：添加一個框，右鍵單擊它並單擊「輸入組」。如果你喜歡，你現在在子進程中。在那裏放幾個盒子，然後右鍵單擊畫布「退出組」。現在你有一個有孩子細胞的父細胞。

你要做的是讀取你的盒子之間的連接。看看how to traverse the graph或者你也可以手動實現，這很簡單。