Comment créer, renommer, supprimer et déplacer des noeuds sans menu contextuel

Question

J'avais besoin d'un menu contextuel dynamique pour mon jstree. J'ai donc créé le mien, mais j'ai encore besoin des fonctions créer, renommer, supprimer et déplacer. Je les ai fait travailler dans le menu contextuel intégré, mais je n'arrive pas à comprendre comment les faire manuellement.

Quelqu'un sait-il comment?

Answer 1

Jetez un oeil à la CRRM documentation

Vous devrez peut-être demander bindings si vous voulez faire des choses après que vous ajouter/modifier/supprimer.

L'écriture d'une spécification complète de chaque reliure et de ses besoins pourrait prendre des pages, il serait donc préférable que vous fassiez votre chemin here et cherchez ce dont vous avez besoin - c'est très utile.

Attention - versions JSTree inférieures à 1,0 sont très différentes à la version 1.0+

Answer 2

//Create 
function CreateChildNode() { 

    var sel = $("#demo1").jstree("get_selected"); 
    $("#demo1").jstree("create", sel, "inside", { attr: { rel: "Decision" } });  
} 

function AddSibling() { 
     var sel = $("#demo1").jstree("get_selected"); 
     $("#demo1").jstree("create", sel, "after", { attr: { rel: "Decision" } }); 
    } 

function MoveUp() { 
    var sel = $("#demo1").jstree("get_selected"); 
    var prev = sel.prev(); 
    if (prev.length) { 
     $("#demo1").jstree("move_node", sel, prev, "before"); 
    } 

    /* 
    var inst = $.jstree._focused(), 
    slct = inst.get_selected().eq(0), 
    prev = slct.prev(); 
    if (prev.length) inst.move_node(slct, prev, 'before'); 
    */ 
} 

function MoveDown() { 
    var sel = $("#demo1").jstree("get_selected"); 
    var next = sel.next(); 
    if (next.length) { 
     $("#demo1").jstree("move_node", sel, next, "after"); 
    } 
} 

function Remove() { 
    var sel = $("#demo1").jstree("get_selected"); 
    $("#demo1").jstree("remove", sel); 
} 


function Rename() { 
    var sel = $("#demo1").jstree("get_selected"); 
    $("#demo1").jstree("remove", sel); 
}