easyui tree使用方法
2012-02-24 16:09
441 查看
加载数据
$('#treeul').tree({ checkbox:true, url:'initTree.aspx', onLoadSuccess:function(){ //绑定权限 $.ajax({ url:'getId.aspx?id='+v, cache:false, dataType:'text', success:function(data){ var array = data.split(','); for(var i=0;i<array.length;i++) { var node = $('#treeul').tree('find',array[i]); $('#treeul').tree('check',node.target); } } }) } });
cache必须设置为false,意思为不缓存当前页,否则更改权限后绑定的权限还是上一次的操作结果.
dataType表示获取服务器发送的数据,"text"表示纯文本
保存选中的节点
$('#savebtn').click(function(){ $.ajax({ url:'nodeHandler.ashx?pnodes='+GetNode('fnode')+ '&cnodes='+GetNode('child') +'&id='+v, cache:false, success:function(data){ eval('data='+data); if(data.success){ alert('保存成功'); window.location.href='Permission.aspx'; } } }) });
保存的时候,也必须将cache设置为false
GetNode方法
参数代表:父节点或子节点
function GetNode(type){ var node = $('#treeul').tree('getChecked'); var cnodes=''; var pnodes=''; var prevNode=''; //保存上一步所选父节点 for(var i=0;i<node.length;i++){ if($('#treeul').tree('isLeaf',node[i].target)){ cnodes+=node[i].id+','; var pnode = $('#treeul').tree('getParent',node[i].target); //获取当前节点的父节点 if(prevNode!=pnode.id) //保证当前父节点与上一次父节点不同 { pnodes+=pnode.id+','; prevNode = pnode.id; //保存当前节点 } } } cnodes = cnodes.substring(0,cnodes.length-1); pnodes = pnodes.substring(0,pnodes.length-1); if(type=='child'){return cnodes;} else{return pnodes}; };
绑定tree的时候,只需要绑定子节点就可以了,父节点是根据子节点的状态决定是否选中的。一个父节点有2个子节点,如果我只绑定一个子节点,那么父节点的选择状态就不是“√”,如果2个子节点都有绑定的话,那么父节点的选中状态就是"√"
相关文章推荐
- 关于EasyUI使用tree方法生成树形结构加载两次的问题
- EasyUI使用tree方法生成树形结构加载两次的问题
- easyui tree使用方法
- easyui tree使用方法
- easyui--之总和使用方法--对话框dialog--工具栏toolbar-按钮button--tabs忒博页--树tree--表格table
- EasyUI-Tree的使用
- EasyUI Combobox获得焦点的使用方法
- EasyUI - tree 使用拖拽时可能会遇到的一个错误
- EasyUI - 验证框使用方法
- 【leetcode】Flatten Binary Tree to Linked List,初次使用指针的指针的引用的方法
- 当使用EasyUI时,需要的Field属性是子属性时候,除了formatter和修改jquery.easyui.min.js的方法
- 使用JSON动态渲染EasyUI的TreePanel
- 框架 day75 涛涛商城项目easyUI异步tree,图片上传(nginx),KindEditor使用,商品添加
- Jquery easyui tree的使用
- Eclipse SWT Tree使用递归方法,实现Tree显示目录的显示
- jQuery EasyUI tree的 使用
- easyui treegrid的使用示例
- Jquery easyui tree的使用
- easyUI treegrid的使用
- EasyUI中combobox的使用方法和一个代码实例