JsTree之动态创建节点-yellowcong

来源:互联网 发布:java开发助理是干嘛的 编辑:程序博客网 时间:2024/05/19 20:20

刚刚遇到一个淡腾的问题,我前几天使用过jsTree创建节点,本来是可以成功的,但是今天突然就出毛病了,后来研究明白了,这个create_node这个函数需要与core中的配置有关,如果没有配置’check_callback':true这个属性,是动态添加不了节点的。。。。节点不可以一次添加多个节点,需要通过遍历json数组,多次调用create_node方法

原来配置

$('#dailogJstree').jstree({        'core': {'multiple': false, 'data': date, },        }).on('select_node.jstree', function (e, data) {        $("#dailogJstree").jstree("create_node", "02",  {id:"02123101",parent:"02",text:"doubi"}, "last", false, true);    })

这里写图片描述

更正后の代码


```$('#dailogJstree').jstree({        'core': {'check_callback':true,             'multiple':false,             "expand_selected_onload":true,             'data': date },    }).on('select_node.jstree', function (e, data) {        $("#dailogJstree").jstree("create_node", "02",  {id:"02123101",parent:"02",text:"doubi"}, "last", false, true);    })

这里写图片描述

界面结果

这里写图片描述

添加多个节点的方法

var node = [{id:"02123101",parent:"02",text:"doubi"},{id:"02123102",parent:"02",text:"doubi2"}];$('#dailogJstree').jstree({        'core': {'check_callback':true,             'multiple':false,             "expand_selected_onload":true,             'data': date },    }).on('select_node.jstree', function (e, data) {        //选中的节点id        var selNodeId = data.node.id;        //父节点id        var parentId = data.node.parent;        //遍历节点信息        for(var i=0;i<node.length;i++){            //添加节点            $("#dailogJstree").jstree("create_node", selNodeId,  node[i], "last", false, true);        }    })