Implémentation d'un éditeur d'arborescence hiérarchique avec mxGraph

Question

Je voudrais implémenter un éditeur pour les arborescences de dialogue avec mxGraph.

J'ai commencé avec le workfloweritor exemple [1] et j'essaie de personnaliser le code selon mes besoins. Dessiner le graphique en utilisant le modèle sous-processus comme nœuds et connecteurs dirigés fonctionne parfaitement. Cependant, le graphique hiérarchie semble être manquant: L'info-bulle affiche toujours "Enfants: 0", peu importe le nombre de nœuds que je connecte. La même chose se produit dans l'exemple de code original.

Comment puis-je explicitement configurer le graphique pour suivre une disposition parent-enfant hiérarchique?

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

Answer 1

Les enfants ne sont pas ce que je pense que vous le pensez.

Qu'est-ce qu'un enfant? Ce sont des cellules avec une cellule courante en tant que parent. Qu'est-ce qu'un parent? Essayez cela: Ajouter une boîte, faites un clic droit dessus et cliquez sur "entrer dans le groupe". Vous êtes maintenant à l'intérieur du sous-processus si vous le souhaitez. Placez-y quelques cases, puis faites un clic droit sur le canevas "exit group". Vous avez maintenant une cellule parent avec des cellules enfants.

Ce que vous essayez de faire est de lire les connexions entre vos boîtes. Jetez un oeil à how to traverse the graph ou vous pouvez mettre en œuvre manuellement aussi, c'est assez simple.