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