初学者关于ztree的浅谈

来源:互联网 发布:udp端口号范围 编辑:程序博客网 时间:2024/06/05 18:22

首先要从概念上理解ztree,其次观看api文档,自己设计自己要实现的tree样式,最后一步准备开始着手。

刚开始可以看demo 看上面的样式是否是你所需要的。

记住重要一点一定要先下载ztree.jar全部。一共是四个 jquery-1.8.2.min.js,jquery.ztree.core-3.5.min.js, jquery.ztree.excheck-3.5.min.js, jquery.ztree.exedit-3.5.min.js。

配置自己的树:  var  setting={};var znodes={};

setting 配置的是树的样式,比如说有没有选择框,隐藏按钮等,所有宏观上树的样式都在这里面。想要达到什么效果可以查询Api。

znodes:配置的是自己的具体树节点我才用的是简单格式,

[

{ id:aa,name:"cc" pid:"dd"},

{},

{}

 

]

以上是简单举例,关于节点配置的属性api中可以对应找到。

最后一步就是生成树了$.fn.init($("treedemo",setting,znodes))

html中

<ul name="ztreedemo" class="tree"></ul>

0 0
原创粉丝点击