jsp:
<div style="height:320px; overflow-y:auto;margin-left: 10px;">
<ul id="org_tree" class="ztree"></ul>
</div>
=======================================================================================
js:
var orgZtreeSetting;
var orgZtreeNodes = [];
//树配置
orgZtreeSetting = {
async: {
enable: true,
url: "logon-visit!getOrgs.do",
autoParam: ["id"]
},
check: {
enable: true,
nocheckInherit: true,
chkStyle: "checkbox",
chkboxType: { "Y": "ps", "N": "ps"}
},
data: {
simpleData:{
enable:true,
idKey:"id",
pIdKey:"pId",
rootPId:0
},
key: {
checked: "isChecked"
}
}
};
//初始化组织机构树
orgZtree = $.fn.zTree.init($("#org_tree"), orgZtreeSetting, orgZtreeNodes);
var nodes = orgZtree1.getCheckedNodes(true);
=======================================================================================
从后端传到前端的ztree数据格式:
[{"id":"1","isParent":"true","name":"油田企业","pId":"0","pName":"中国石化"},
{"id":"2","isParent":"true","name":"炼化企业","pId":"0","pName":"中国石化"},
{"id":"3","isParent":"true","name":"油品销售企业","pId":"0","pName":"中国石化"},
{"id":"4","isParent":"true","name":"专业公司","pId":"0","pName":"中国石化"},
{"id":"31300000","isParent":"true","name":"中原油田","pId":"1","pName":"油田企业"},
{"id":"10010004","isParent":"true","name":"江汉油田","pId":"1","pName":"油田企业"},
{"id":"31550000","isParent":"true","name":"燕山分公司","pId":"2","pName":"炼化企业"},
{"id":"32500000","isParent":"true","name":"管道储运有限公司","pId":"4","pName":"专业公司"},
{"id":"31350000","isParent":"true","name":"河南油田","pId":"1","pName":"油田企业"},
{"id":"31450000","isParent":"false","name":"江苏油田","pId":"1","pName":"油田企业"},
{"id":"34400000","isParent":"false","name":"西北油田","pId":"1","pName":"油田企业"},
{"id":"34450000","isParent":"false","name":"西南油气","pId":"1","pName":"油田企业"},
{"id":"34500000","isParent":"false","name":"东北油气","pId":"1","pName":"油田企业"},
{"id":"34550000","isParent":"false","name":"华北油气","pId":"1","pName":"油田企业"},
{"id":"31800000","isParent":"false","name":"天津分公司","pId":"2","pName":"炼化企业"},
{"id":"30750000","isParent":"false","name":"石家庄炼化","pId":"2","pName":"炼化企业"}
]
=======================================================================================
父节点和子节点关联通过id和pId,注意pId里的i要大写
=======================================================================================
取消全选的js:
var treeObj = $.fn.zTree.getZTreeObj("org_tree");
treeObj.checkAllNodes(false);