首先要从概念上理解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>