Comment charger un nœud enfant dans jsTree

Question

Désolé pour mon anglais pauvre, mon système veut changer l'arborescence javascript de KoolTreeView en jsTree et je lis le document et l'implémente. Le résultat est quelque chose comme ça

alimentaire

* Fish 
* Beef 
* Chicken 

mon javascript et le code div

<script class="source" type="text/javascript"> 
$(function() { 
    $("foodtree").jstree({ 
    "core" : { "initially_open" : [ "root" ] }, 
    "html_data" : { 
    "ajax" : { 
     "url" : "menu/menu/listfoodtree" 
     } 
    }, 
    "plugins" : [ "themes", "html_data" ] 
    }); 
}); 
</script>'; 

<div id="foodtree"></div> 

A propos URL du menu «/menu/listfoodtree » créé html simple:

<li id="root"><span>Food</span> 

<ul> 
<li id="food14"><a href="menu/menu/listfish/1">Fish</a></li> 
<li id="food13"><a href="menu/menu/listbeef/1/13">Beef</a></li> 
<li id="food1"><a href="menu/menu/listchick/11">Chicken</a></li> 
</ul> 

</li> 

le résultat affiché correctement (avec jsTree) et mon idéal envie de cliquer sur l'élément pour charger nœud enfant comme thi s

# Food 

    * Fish (href='/menu/menu/listfish/1') 
     * Tuna 
     * Salmon 
    * Beef 
    * Chicken 

et maintenant je l'URL «/menu/Menu/listfish/1 » html simple créé:

<li id ='fish44'><span>Tuna</span></li> 
<li id ='fish66'><span>Salmon</span></li> 

mais je ne sais pas comment le mettre en œuvre, de cliquer sur le poisson et affiche le nœud enfant depuis l'URL. Pourriez-vous me donner des suggestions ou des conseils?

Answer 1

Vous spécifiez l'URL ajax dans l'en-tête de l'arborescence qui transmet le nœud en tant que paramètre. En utilisant ce nodeid, vous devez renvoyer votre nouveau json pour ce noeud et l'arbre l'ajoutera en tant qu'enfant au noeud sélectionné.

Les nœuds parents doivent avoir leur état défini dans le json comme "état": "ouvert" ou l'arbre ne fera pas un appel au serveur.

Vous ne pouvez pas spécifier une URL différente pour chaque nœud, mais vous pouvez spécifier une URL principale pour l'arborescence et rediriger la page du serveur vers l'URL à partir de laquelle vous souhaitez obtenir les données.