文件名称：treeMode 2.0
文件大小：104KB
文件格式：ZIP
更新时间：2015-11-21 11:00:41
扁平DOM 树结构 极速
把JSON数据格式化为扁平化的数组数据（包含树的级别Level） 原数据： var flat = [{ desc : null, 'org_unit_list_rank' : 99999, ouid : "16ysu94iv7", 'ouid_name' : "RD", pid : "d24mw0ayx3" }, { desc : null, 'org_unit_list_rank' : 99999, ouid : "301e60nhn1", 'ouid_name' : "\u6E20\u905311", pid : "vlctxw1mf2" }, { desc : null, 'org_unit_list_rank' : 99999, ouid : "36cis4vp38", 'ouid_name' : "\u6E20\u9053\u6320\u6320\u7EC4", pid : "bwtnv5jw56" } ]; 其实原理就是和树的数据存在数据库中一样，是一行行存储的，每一行有自己的id和parentId(PID）即可。 如何使用： var $tree = $('#treePanel'); var treeObj = $tree.treeMode({ flatData : flat, needParseData : true, //是否需要深度排序 idKey : 'ouid', parentIdKey : 'pid', labelKey : 'ouid_name', rootPId : -1, //*节点的parentId rootId : null,//*节点的ID datas :[ 'ouid_name',"pid" ] //业务需要的data属性,在li节点上 }); 最后的在页面上展示也不会是一个ul套一个ul那样复杂的递归结构，就是扁平的dom结构，非常容易查看。
【文件预览】：
TreeMode 2.0
----tree.html(6KB)
----js()
--------jquery.treemode-2.0.js(11KB)
--------jquery-1.7.2.js(256KB)
--------underscore-1.3.3.js(38KB)
--------json2.js(17KB)
----css()
--------layout.css(1KB)
--------jsTree.css(1KB)
--------img()
--------base.css(88B)
--------all.css(72B)