添加根节点并使其可编辑

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/