您的位置:首页 > Web前端 > JavaScript

jstree使用方法

2017-10-16 20:54 253 查看
var ndata=common.treeDataChangeField(res1.data,{
data:{
"name":"text",
"tree":"children",
"checked":function (i,data) {
if(data==2){
return {"state":{"opened" : true}};
}
return data==1?{"state":{"selected":true,"opened" : true}}:0;
}
}
});
console.log(ndata);
if($("#browser").hasClass("jstree")){//刷新
//$("#browser").jstree().destroy();//方法一
//方法二
$("#browser").jstree().settings.core.data =ndata;
$("#browser").jstree().refresh(true,true);return;
}
$("#browser").jstree({//生成
"plugins" : ["checkbox"],
animate:true,lines:true,
core:{
data:ndata
}
}).show();
$("body").on("click", "#all", function () {//全选//$("#browser .jstree-anchor").addClass("jstree-clicked").find(">.jstree-checkbox").removeClass("jstree-undetermined");$('#browser').jstree().check_all();}).on("click", "#inverse", function () {//反选$("#browser .jstree-anchor").each(function (i, v) {if($(v).closest("li").find(".jstree-children").length>0){return;}var has=$(v).hasClass("jstree-clicked");$('#browser').jstree()[has?"uncheck_node":"check_node"]($(v).closest("li"),false);});})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web前端 javascript