ztree的数据绑定
来源:互联网 发布:linux nano 行号 编辑:程序博客网 时间:2024/04/29 13:43
ztree用法
(1)首先引用ztree的css和js
<link type="text/css" rel="stylesheet" href="zTree/zTreeStyle.css" />
<script type="text/javascript" src="zTree/jquery.ztree.all-3.5.js"></script>
(2) 定义一棵树
<ul class="ztree" style="margin-top:0; width:100%; height:auto;"></ul>
(3)将查询的数据放到树种(数据需要有ID parentId name 为查出数据的字段名称)
3.1
var zNodes = ""; //json
function load() {
$.ajax({
type : 'POST',
url : $.el.Register.AppUrl + "path",// 查询数据
dataType : 'json',
async : false,
success : function(data) {
var json = eval(data); // 数组
zNodes = "[";
$.each(json, function(index, item) {
zNodes += "{id:" + json[index].id
+ ",pId:" + json[index].parentid
+ ",name:'" + json[index].name
+ "'}";
if (index != json.length - 1)
zNodes += ",";
});
zNodes += "]";
},
error : function(e) {
}
});
}
zNodes = eval(zNodes);
$.fn.zTree.init($("#treeDemo"), setting, zNodes);// 树初始化
现在数据绑定在树上
3.2 避免数据重复绑定 先摧毁树 再次初始化 查询数据 对初始化树的数据进行勾选
var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
zTreeObj.destroy();
$.fn.zTree.init($("#treeDemo"), setting, zNodes);// 权限树初始化
$.ajax({
type : "POST",
url : $.el.Register.AppUrl + "path",
data : {
条件
},
dataType : 'json',
async : false,
success : function(data) {
var json = eval(data); // 数组
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
$.each(json, function(index, item) {
id = json[index].id;
var node = treeObj.getNodeByParam("id", id);
treeObj.checkNode(node, true, false);
});
},
error : function(error) {
}
});
- ztree的数据绑定
- ztree的数据绑定
- ztree的数据绑定
- ztree的数据绑定
- Ztree 数据的获取方式
- 使用zTree实现导航树、angular实现数据动态绑定功能
- ListBox的数据绑定
- 有条件的数据绑定
- DropDownList 的数据绑定
- DataList的数据绑定
- dropdrownlist的数据绑定
- .NET的数据绑定
- Silverlight的数据绑定
- mapx的数据绑定。
- 数据的绑定DataBinder
- 绑定数据的问题
- mysql的数据绑定
- HyperLink 的数据绑定
- 解决虚拟机上安装linux后连不上网的问题
- URL
- SharedPreferences介绍和使用
- PIC单片机-七段数码管的使用
- 子序列的最大和
- ztree的数据绑定
- 第4次CSS作业
- Paxos算法原理与推导
- C#中控制台console常用代码
- 数据结构 链表
- 安卓drawText中的坑
- PIC单片机-定时器的应用
- Android6.0权限申请讲解及Demo实例
- Java中this和super的用法