easyui 扩展tree 为 ztree(id, pid)的扁平数据结构集
来源:互联网 发布:鲁大师卸载软件 编辑:程序博客网 时间:2024/06/02 05:56
实例化。这里增加了三个属性,可以指定idFiled,textFiled和parentField。所以这里的simpleData可以不严格转换成tree的数据格式。
$(function(){$('#tt3').tree({checkbox: true,url: 'tree_data_simp.php',parentField:"pid",textFiled:"name",idFiled:"key"});});
tree_data_simp.php 的json数据类型。是一个扁平结构数据集。
[ { "key": 1, "name": "Folder1", "iconCls": "icon-ok" }, { "key": 2,"pid": 1, "name": "File1", "checked": true }, { "key": 3,"pid": 1, "name": "Folder2", "state": "open" }, { "key": 4, "pid": 3, "name": "File3", "attributes": { "p1": "value1", "p2": "value2" }, "checked": true, "iconCls": "icon-reload" }, { "key": 8, "pid": 3, "name": "Async Folder" }, { "key": 9, "name": "language", "state": "closed" }, { "key": "j1", "pid": 9, "name": "Java" }, { "key": "j2", "pid": 9, "name": "C#" }]
自定义loadFilter的实现
$.fn.tree.defaults.loadFilter = function (data, parent) {var opt = $(this).data().tree.options;var idFiled,textFiled,parentField;if (opt.parentField) {idFiled = opt.idFiled || 'id';textFiled = opt.textFiled || 'text';parentField = opt.parentField;var i,l,treeData = [],tmpMap = [];for (i = 0, l = data.length; i < l; i++) {tmpMap[data[i][idFiled]] = data[i];}for (i = 0, l = data.length; i < l; i++) {if (tmpMap[data[i][parentField]] && data[i][idFiled] != data[i][parentField]) {if (!tmpMap[data[i][parentField]]['children'])tmpMap[data[i][parentField]]['children'] = [];data[i]['text'] = data[i][textFiled];tmpMap[data[i][parentField]]['children'].push(data[i]);} else {data[i]['text'] = data[i][textFiled];treeData.push(data[i]);}}return treeData;}return data;};
0 0
- easyui 扩展tree 为 ztree(id, pid)的扁平数据结构集
- easyui 扩展tree 为 ztree(id, pid)的扁平数据结构集
- easyui tree 模仿ztree 使用扁平化加载json
- easyui tree 实现类似ztree的数据格式
- ztree树中的id,pid
- easyui tree插件扩展
- 为EasyUI的editor扩展filebox
- zTree-zTree Tree的 基础使用
- easyui中tree的父节点id获取
- 关于easyui treegrid 的数据格式的修改 完成类似于id pid 的平行数据
- id, pid 递归tree oracle ,DB2 sql
- Id Pid节点生成树Tree
- 扩展easyui tree的两个方法 获取实心节点
- 扩展jquery easyui tree的搜索树节点方法
- 扩展jquery easyui tree的搜索树节点方法
- easyUI&ztree
- 关于easyui与ztree的初步学习
- EasyUI为Tree节点增加额外的属性
- hdu 2716 字符的转换
- QT 自动获取可用串口
- XIB的使用
- Express安装提示:'express' 不是内部或外部命令,也不是可运行的程序或批处理文件。
- 基于Krpano 的全景漫游系统的实现
- easyui 扩展tree 为 ztree(id, pid)的扁平数据结构集
- sed 中如何替换换行符
- jQuery UI
- SQL Server 2005实现负载均衡
- 刚遇到一个奇葩的事件
- JS Cookie功能代码
- 基于thinkphp的发送邮件的方法
- 关于语言
- Cocos2d-x 3.2 Lua示例CocosDenshionTest(音频测试)