添加根节点并使其可编辑

Question

我使用 jsTree 插件来获取树结构。我有一个按钮可以将根节点添加到树中。我可以添加它但不能编辑它。一旦我添加它，它就应该是可编辑的（就像从上下文菜单创建节点时发生的一样）。

代码片段是：

$('#treeview').jstree({
    core: {
        check_callback: true,
        data: treeData,
    },
    plugins: [ "wholerow", "contextmenu", "ui" ],
}).on("ready.jstree", function(e, data) {
    data.instance.open_all();
});

// It adds root node but does not set it in edit mode. How can i set it in editable mode?
$('#addRootNode').click(function(){
    $("#treeview").jstree("create_node", null, null, "last", "createRootNode", true);
});

Answer 1

你可以试试这个：

$("#treeview").jstree("create_node", null, null, "last", function (node) {
    createRootNode.call(this);
    this.edit(node);
});

这是一个演示：http://jsfiddle.net/DGAF4/510/

添加根节点并使其可编辑

add root node and make it editable

jquery

jstree