besoin d'aide avec plusieurs questions à propos de jquery.jstree.js

Question

Comment obtenir le nœud actuellement sélectionné lorsque vous cliquez sur un bouton?

('#tree').jstree({...}); 
('#button').click(function(){ :selected_node? }) 

Comment actualiser un noeud lorsque vous cliquez sur un bouton? Je souhaite faire apparaître une fenêtre pour confirmer la suppression d'un noeud.

('#tree').jstree({...}); 
('#button').click(function(){ :refresh? }) 

Si 'cancel' est sélectionné, le noeud ne doit pas être supprimé. Que puis-je faire et comment?

Merci beaucoup.

Answer 1

Je suppose que cela dépendra un peu du plugin jstree que vous utilisez pour générer l'arborescence. J'utilise le plugin HTML et réalise l'exigence de confirmation comme suit.

Pour chaque ligne il y a un ensemble d'icônes pour effectuer diverses tâches sur l'arbre chacun a une classe de icon et une autre classe pour identifier l'action, par exemple:

<li class="row" id="26"> 
    <a href="/admin/pages/add-edit/?pageId=26" class="treeLink">Home Page</a> 
    <div class="iconRow"> 
    <a class="icon icon-tick" title="Active">Active</a> 
    <a href="/admin/pages/move/?pageId=26&direction=up" class="icon icon-arrow-up" title="Move Up">Move Up</a> 
    <a href="/admin/pages/move/?pageId=26&direction=down" class="icon icon-arrow-down" title="Move Down">Move Down</a> 
    <a href="/admin/pages/add-edit/?pageId=26" class="icon icon-page-edit" title="Edit">Edit</a> 
    <a href="/admin/pages/delete/?pageId=26" class="icon icon-page-delete" title="Delete">Delete</a> 
    </div> 
</li> 

donc d'ici mon jQuery le code ressemble à:

$ ('a.icon'). live ('click', function() { if ($ (this) .hasClass ('icon-arrow-up') || $ (this) .hasClass ('icon-arrow-down')) { // Faire quelque chose ici .... }

if ($(this).hasClass('icon-page-delete')) { 
    //Add confirmation box code here 
} 

return false; });

Ceci est un peu simpliste, mais j'espère que vous commencerez sur la bonne voie.