jsTree版本3+ - 创建新节点

时间:2014-12-26 09:20:34

标签: javascript jquery jstree

如何创建带有显示输入元素的新节点来编辑标题?

我使用这样的contextmenu插件:

{
  icon: 'glyphicon glyphicon-create',
  label: 'Create',
  action: function () {
      tree.create_node(node, 'Title of node', 'inside');
  }
}

在版本1中,它是自动的......

谢谢。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/ajhLqLos/

function demo_create() {
    var ref = $('#jstree1').jstree(true),
        sel = ref.get_selected();
    if(!sel.length) { return false; }
    sel = sel[0];
    sel = ref.create_node(sel, {"type":"file"});
    if(sel) {
        ref.edit(sel);
    }
};
function demo_rename() {
    var ref = $('#jstree1').jstree(true),
        sel = ref.get_selected();
    if(!sel.length) { return false; }
    sel = sel[0];
    ref.edit(sel);
};
function demo_delete() {
    var ref = $('#jstree1').jstree(true),
        sel = ref.get_selected();
    if(!sel.length) { return false; }
    ref.delete_node(sel);
};
$('#jstree1')
    .jstree({
        "core" : {
            "check_callback" : true
        },
        "plugins" : [ "contextmenu" ]
    });

http://www.jstree.com/demo/