Comment afficher les données dans la structure de noeud?

Question

Je veux faire un arbre généalogique en utilisant mvc. J'ai également besoin d'insérer des données avec la relation. J'ai des données d'objet que je veux afficher avec ses entités dans la structure de noeud. Tout effort sera apprécié.

Answer 1

Il existe des modules qui peuvent vous aider à créer un arbre. jsTree, jqTree sont un bon point de départ.

Un exemple simple jsTree utilisant une structure de nœud d'arborescence de JSON (vous pouvez aussi utiliser la structure d'arbre plat):

<div id="treeContainer"></div> 

$('#treeContainer').jstree({ 'core' : { 
    'data' : [ 
     'Simple root node', 
     { 
     'text' : 'Root node 2', 
     'state' : { 
      'opened' : true, 
      'selected' : true 
     }, 
     'children' : [ 
      { 'text' : 'Child 1' }, 
      'Child 2' 
     ] 
     } 
    ] 
} });