zTree树形目录之id与pId存在上下级关系使用方法
官网接口文档:http://www.treejs.cn/v3/api.php
html代码块
<ul class="ztree" id="treeDemo"> </ul>
javascript代码块
var setting = {data: {simpleData: {enable: true}}}; var zNodes =[ { id:1, pId:0, name:"根 Root", open:true}, { id:11, pId:1, name:"父节点 1-1", open:true}, { id:111, pId:11, name:"叶子节点 1-1-1"}, { id:112, pId:11, name:"叶子节点 1-1-2"}, { id:113, pId:11, name:"叶子节点 1-1-3"}, { id:114, pId:11, name:"叶子节点 1-1-4"}, { id:12, pId:1, name:"父节点 1-2", open:true}, { id:121, pId:12, name:"叶子节点 1-2-1"}, { id:122, pId:12, name:"叶子节点 1-2-2"}, { id:123, pId:12, name:"叶子节点 1-2-3"}, { id:124, pId:12, name:"叶子节点 1-2-4"}, { id:13, pId:1, name:"父节点 1-3", open:true}, { id:131, pId:13, name:"叶子节点 1-3-1"}, { id:132, pId:13, name:"叶子节点 1-3-2"}, { id:133, pId:13, name:"叶子节点 1-3-3"}, { id:134, pId:13, name:"叶子节点 1-3-4"} ]; $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); });
正在加载评论...
栏目列表
推荐阅读
- js控制滚动条到最底端(置底)和最顶端(置顶)
- js将图片转化为二进制流
- bootstrap导航菜单,手机和PC端自适应
- javascript/jquery/js获取地址栏url传递的参数值的方法
- js辨别访问浏览器判断是手机,android,微信,pc还是ios系统
- Html5 canvas 简单画布画板例子源码
- IE浏览器下Ajax发送Post请求时提交中文乱码
- localStorage与sessionStorage封装可设置过期时间的缓存
- js 中获取当前系统时间
- 使用JS获取当前页面的URL,端口,协议,IP(网址信息)
- jquery.lightTreeview.js树形菜单插件例子
- XMLHttpRequest封装同步请求的例子
- js获取当前域名
- ztree加载树形菜单控件事列
- JS获取屏幕分辨率,可见区域,可用工作区等大小
- jquery.js和jquery-1.4.2.min.js的区别
- js利用Date.prototype.Format对时间格式化处理,yyyy-MM-dd HH:mm:ss:SS
- jquery追加元素的几种方法append(),prepend(),after(),before(),insertAfter(),insertBefore()
- 引入script地址时,并携带参数,js获取script标签上的属性数据值
- javascript怎么禁用浏览器后退按钮