- 引入ztree需要的css和js以及jquery
<link rel="stylesheet" href="plugs/ZTree/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="plugs/ZTree/jquery.ztree.all.min.js"></script>
- 指定ztree相关设置
var zTreeObj;
var setting = {
check:{
chkboxType : { "Y" : "ps", "N" : "ps" },
enable:true
} ,
data : {
simpleData : {
enable : true ,
idKey: "id",
pIdKey: "fatId",
rootPId: 0
}
}
};
- 构建ztree数据
var zNodes = [ {
id : "001" ,
pId : "" ,
name : "test1",
open : true,
children : [ {
id : "00101" ,
pId : "001" ,
name : "test1_1"
}, {
id : "00102" ,
pId : "001" ,
name : "test1_2"
} ]
}, {
id : "002" ,
pId : "" ,
name : "test2",
open : true,
children : [ {
id : "00201" ,
pId : "002" ,
name : "test2_1"
}, {
id : "00202" ,
pId : "002" ,
name : "test2_2"
} ]
} ];
- 构建ztree树
zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
- 获取选中的树节点
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes2 = treeObj.getCheckedNodes(true);
$.each(nodes2,function(i,val){
alert(val.id + "======"+ val.name);
});
说明