jquery的zTree

来源:互联网 发布:怎么制作一个软件 编辑:程序博客网 时间:2024/06/05 03:26
zTree插件使用:
   设置一棵zTree树需要设置多种参数:

    setting:设置配置信息参数。

    zNodes:zTree树节点数据说明,可使用标准json数据(对象格式)和简单json数据(数组格式)
    最后调用$.fn.zTree.init($("#treeDemo"), setting, zNodes);初始化树。
    标准json数据格式:
    { name:"父节点1 - 展开", open:true,
    children: [
        { name:"父节点11 - 折叠",
            children: [
                { name:"叶子节点111"},
                { name:"叶子节点112"}
            ]},
{ name:"父节点12 - 没有子节点", isParent:true}
]}
     简单json数据格式:使用简单数据格式时需要设置setting.data.simpleData=true才有效
     [{id:0,pId:null,name:"父节点1",title:"我是父节点1",open:true},
      {id:1,pId:0,name:"1子节点1",title:"我是1子节点1"},
      {id:2,pId:0,name:"1子节点2",title:"我是1子节点2"}]
  可通过设置setting和zNodes来设置zTree树,zNodes有多种参数如open,isParent,等可参见zTreeAPI。
  最后利用$.fn.zTree.init($("#treeDemo"), setting, zNodes);初始化zTree树,并返回这棵树对象
  获取树对象的方法:
   利用初始化树时返回的树对象:$.fn.zTree.init($("#treeDemo"), setting, zNodes)通过树对象可调用js方法获取树的各种参数和节点等。
    初始化树之后,利用var treeObj = $.fn.zTree.getZTreeObj("tree");获取树对象,该方法是在初始化树后在任意地方都可获取书对象而不用设置全局对象。
  zTree还提供了多种树的js方法:
$.fn.zTree.init(),初始化树,$.fn.zTree.getZTreeObj("tree");返回初始化后的树对象,$.fn.zTree.destroy("treeDemo");销毁树对象等
  另外获取树对象后,还可通过树对象调用js方法对树对象进行各种方法。
  各种设置的详细说明
  zNodes设置:
  name:在树中显示的文字,还可使用html+css样式,可将标签等特殊字符自动转义。

官方插件地址:
http://www.treejs.cn/v3/main.php#_zTreeInfo
原创粉丝点击