Comment déclencher le rendu de JQuery treeview

Question

J'utilise jquery tree plugin pour rendre des données hiérarchiques.

Je code des fonctions supplémentaires qui permettent à l'utilisateur d'interagir avec ces données (comme l'ajout/suppression de nœuds, des nœuds échange, etc ...)

Actuellement ce plugin soutient que chaque fois que vous voulez ajouter un nœud, vous pouvez appeler la méthode suivante,

$("#browser").treeview({ 
    add: branches 
}); 

ici branches est jQuery object créé avec le bloc HTML, ce qui représenterait un nœud particulier.

Cependant, pour supprimer et la permutation des nœuds, j'utilise des fonctions JQuery communes comme,

pour supprimer,

$("#topnd2").remove(); 

pour échanger,

var next = $("#topnd2").next(); 
$("#topnd2").insertAfter(next); 

topnd2 est un id d'un nœud d'arbre particulier. Les nœuds sont supprimés/permutés correctement mais le problème est que l'arborescence n'est pas restituée et donc les images arborescentes (principalement les lignes verticales indiquant des branches) ne sont pas définies correctement. Par exemple, si je supprime le dernier nœud, ce nœud sera supprimé de l'arborescence rendue, mais le nœud frère restant devrait obtenir L comme image de ligne de branchement, mais pas | .

J'ai essayé d'appeler

$("#browser").treeview();

S'il vous plaît laissez-moi savoir vos idées.

Merci, Jatan

Answer 1

J'ai trouvé une solution de contournement comme indiqué ci-dessous,

Une fois que le nœud est permuté jusqu'à, pratiquement ajouter son nœud précédent à son enfant,

$ ("# navigateur") .treeview ({add: $ ("# topnd2"). insertBefore (précédent) .next()});

Si le nœud est inversé, virtuellement, ajoutez le nœud actuel au nœud suivant.

$ ("# browser"). Treeview ({ajouter: $ ("# topnd2"). InsertAfter (suivant)});

actuellement il fonctionne très bien, mettra à jour ce poste, si je trouve des problèmes dans cette approche. Veuillez également valider cette approche si vous le savez.

Cordialement, Jatan

Answer 2

Si vous essayez de rafraîchir la vue arborescente à nouveau après le retrait du nœud, le lien fonctionne, mais pas le [+] ou - icône []. J'ai essayé cela sur plusieurs navigateurs ..