jstree使用示例

$(function() {
$('#container')
.jstree({
'core' : {
'check_callback' : true,
'themes' : { "dots" : false,"stripes" : true },
'data' : [
<volist name="jsoninfo" id="vo">//thinkphp 的遍历标签
{ "id" : "<{$vo.did}>", "parent" : "<{$vo.parentid}>", "text" : "<{$vo.name}>","icon" : "glyphicon glyphicon-folder-close","state" : { "opened" : true } },
</volist>
]
},

<span style="white-space:pre">		</span>//右键菜单
'contextmenu':{
'select_node':!1,
'items':function(){
var a=$.jstree.defaults.contextmenu.items();
return a.create.label="添加子部门",
a.create.action=function(a){
var c=$.jstree.reference(a.reference),
d=c.get_node(a.reference);
c.create_node(d,{
type:"default",
text:"新建部门"
},
"last",
function(a){
setTimeout(function(){
c.edit(a)
}, 0);
})
},
a.rename.label="重命名",
a.remove.label="删除",
delete a.ccp,
a
}
},
"plugins" : ["wholerow","contextmenu"]
})
.on('create_node.jstree', function(e, data){ //新建节点
//data.node.parent;父节点

}).on('rename_node.jstree', function(e, data){ <span style="font-family: Arial, Helvetica, sans-serif;">//重命名节点</span>
<span style="white-space:pre">			</span>//处理data.text，data.node.id

}).on('delete_node.jstree', function(e, data){//删除节点
//处理data.node.id
})
.on("changed.jstree", function (e, data) {
if(data.selected.length) {
//获取点击焦点是处理data.instance.get_node(data.selected[0]).id
}
});

});