- 博客(2)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 javascript 文章列表的拖拽排序,基于ul和li控件
<br />source:<br /> function _bindevent(){<br /> //绑定事件<br /> var clis = $( "li.menubar");<br /> var dragli = null;<br /> var dragoverli = null;<br /> var cdiv = null;<br /> clis.bind({ <br /> mousedown:function(){ <br /> if(drag
2010-06-24 11:29:00
1988
原创 jquery循环创建元素
如果用传统的for(var i=0;i eg. for(var i=0;i var acheck = $("input type=checkbox"); } 解决办法! 解铃还须系铃人！用jquery自己的each函数解决! $.each([0,1,2],function(i,k){ var acheck = $("input type=checkbox"); });
2010-06-03 10:45:00
5141
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关注的人