使用zTree树形结构,需要在当前页面中载入zTree的js文件和样式文件
zTree核心js文件:jquery.ztree-2.6.js
zTree样式文件:
因为zTree是基于jquery,所以还需要对应的jQuery库文件
将这些文件引入使用页面:
<script type="text/javascript"
src=“js/jquery-1.4.2.js”>
<script type="text/javascript" src="js/jquery.ztree-2.6.js"></script>
简单使用:
用户需要在页面上新建一个tree对象,需要使用
var
zTree = $("#tree").zTree(setting, zTreeNodes);
$("#tree")是获取页面上一个id为tree的
- 元素
zTree()方法是加载树形结构,它需要两个参数,一个为setting,zTree 的参数配置数据,json数据格式
另一个为zTreeNodes
,其实这个参数是可选的,因为数据是放在setting对象的root属性下,如果root属性下已经存在数据,则可以不用再加载数据对象,例如异步加载数据后,重新加载树形结构的时候,便不需要再指定数据对象。
zTree
的数据参数,json数据格式
而var zTree 是创建树形结构后返回的一个jQuery对象,之后操作树形结构全部操作这个对象即可。
完整代码为:
<title>这里是测试页面</title>
<link