- 博客(1)
- 资源 (3)
- 收藏
- 关注
原创 第一篇博客文章(记录自己的IT足迹)
2007年5月开始学习软件,2008年6月开始工作,2009年9月--也就是现在,开博记录自己的学习心得,写自己的第一篇学习笔记! 以前曾在百度空间有些简单的笔记!为充实自己的博客,先转过来!因为这里才是真正的IT交流处!锻炼自己的文笔和历练自己! 2008.5.21面试智乐(gameloft)游戏公司 下午两点,兴致冲冲的跑去面试,拿到面试题,郁闷
2009-09-23 15:43:00 615
treeMode 2.0
把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结构,非常容易查看。
2012-10-31
treeMode 1.0(jQuery 插件)
因为已经存在的jquery.treeview.js,并且封装的特别好了;
这个是我自己写的比较轻量且展示速度超快的jsontree;
最基本的功能已经有了,其他的可以自己扩展!
2011-09-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人