jquery的zTree
来源:互联网 发布:怎么制作一个软件 编辑:程序博客网 时间:2024/06/05 03:26
zTree插件使用:
设置一棵zTree树需要设置多种参数: zNodes:zTree树节点数据说明,可使用标准json数据(对象格式)和简单json数据(数组格式) 最后调用$.fn.zTree.init($("#treeDemo"), setting, zNodes);初始化树。 标准json数据格式: { name:"父节点1 - 展开", open:true, children: [ { name:"父节点11 - 折叠", children: [ { name:"叶子节点111"}, { name:"叶子节点112"} ]}, 简单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方法: 另外获取树对象后,还可通过树对象调用js方法对树对象进行各种方法。 各种设置的详细说明 zNodes设置: name: 在树中显示的文字,还可使用html+css样式,可将标签等特殊字符自动转义。
{ name:"父节点12 - 没有子节点", isParent:true}
]}
$.fn.zTree.init(),初始化树,$.fn.zTree.getZTreeObj("tree");返回初始化后的树对象,$.fn.zTree.destroy("treeDemo");销毁树对象等
官方插件地址:
http://www.treejs.cn/v3/main.php#_zTreeInfo
阅读全文
0 0
- jquery-ztree的使用
- jquery的zTree
- Jquery-zTree的用法
- jquery的ztree
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法 .
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- 使用IDEA创建GUI Form项目并构建
- Ubutnu 编译内核基本步骤
- 排序算法之冒泡排序
- vs2015搭建cocos2dx遇到的问题
- jsoup例子
- jquery的zTree
- 饿
- 模板:快速幂
- wireshark源码探索No.2---文档
- hibernate配置二级缓存三种方式
- 生产者---消费者模型之信号量
- 【Matlab】图像插值函数interp2理解
- 从零开始学_JavaScript_系列(37)——让浏览器支持es7特性
- pyspark写法总结