zTree - ChinaSS/Util GitHub Wiki
zTree
zTree功能简介 ##样例效果 在线Demo地址 ##样例代码 treeDemo.js
define(["PDUtilDir/zTree","jquery"],function(zTree,$){
var setting = {
view: {
selectedMulti:false,
showLine:false,
dblClickExpand:false
},
data: {
key: {
title:"t"
},
simpleData: {
enable : true
}
},
callback: {
onClick : function(event, treeId, treeNode){
if (treeNode.t!=null) {
console.log("我是 "+treeNode.name+" "+treeNode.t);
}else{
console.log("我是 "+treeNode.name);
}
}
}
}
var nodeObj=[
{id:1,pId:0,name:"父节点1",t:"我有子节点",open:true},
{id:11,pId:1,name:"子节点11",t:"我的父节点是1"},
{id:12,pId:1,name:"子节点12",t:"我的父节点是1"},
{id:13,pId:1,name:"子节点13",t:"我的父节点是1"},
{id:2,pId:0,name:"父节点2",t:"我有子节点"},
{id:21,pId:2,name:"子节点21",t:"我的父节点是2"},
{id:22,pId:2,name:"子节点22",t:"我的父节点是2"},
{id:23,pId:2,name:"子节点23",t:"我的父节点是2"},
{id:3,pId:0,name:"父节点3",t:"我没有子节点",isParent:true},
];
zTree({
treeId:"TreeId",
setting:setting,
data:nodeObj,
isCache:true
});
});
##API说明 通过javascript函数调用zTree:
zTree(config);
###config参数
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| treeId | string | null | ztree ID |
| isCache | boolean | true | 是否启用tree数据缓存 |
| data | object,string | null | JSON对象或是数据URL地址 |
| setting | object | null | zTree原始参数,详情见zTree API |