mxGraphを使用した階層ツリーエディタの実装

Question

mxGraphを使用してダイアログツリーのエディタを実装したいと考えています。

私はワークフロー・エディタの例[1]から始めて、自分のニーズに合わせてコードをカスタマイズしようとしました。 サブプロセステンプレートをノードおよび有向枝として使用してグラフを描画すると、完全に機能します。ただし、グラフの階層は表示されないようです。ツールチップには、接続するノードの数に関係なく、常に「子：0」が表示されます。元のサンプルコードでも同じことが起こります。

階層的な親子レイアウトに従ってグラフを明示的に設定するにはどうすればよいですか？

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

Answer 1

子供たちは、私はあなたが考えて考えるものではありません。

子供とは何ですか？これらは現在のセルを親として持つセルです。親は何ですか？それを試してみてください：ボックスを追加し、右クリックして "グループに入る"をクリックしてください。もしあなたが好きなら、あなたは今、サブプロセスの中に入っています。ここにいくつかのボックスを配置し、キャンバス「出口グループ」を右クリックします。これで、子セルを持つ親セルが作成されました。

あなたがしようとしていることは、ボックス間の接続を読み取ることです。 how to traverse the graphをご覧になるか、手動で実装することもできますが、それはかなり簡単です。