jstree - 如何在没有上下文菜单的情况下创建、重命名、删除和移动节点

Question

我需要为我的 jstree 创建一个动态上下文菜单，因此我创建了自己的，但我仍然需要创建、重命名、删除和移动功能。我让他们在内置的上下文菜单中工作，但似乎无法弄清楚如何手动操作。

有谁知道怎么做？

Answer 1

查看 crrm文档

如果您希望在添加/编辑/删除后执行某些操作，您可能还需要应用绑定。

写出每个绑定的完整规范及其需求可能会占用页面，所以如果你在这里找到你需要的东西，那将是最好的 - 这非常有帮助。

注意 - 低于 1.0 的 JSTree 版本与 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);
}