easyui tree使用方法

 

加载数据

 

1. 1. 
      
2. $('#treeul').tree({  
3.                checkbox:true,  
4.                url:'initTree.aspx',  
5.                onLoadSuccess:function(){  
6.                    //绑定权限  
7.                     $.ajax({  
8.                        url:'getId.aspx?id='+v,  
9.                         cache:false,  
10.                         dataType:'text',  
11.                         success:function(data){    
12.                            var array = data.split(',');  
13.                            for(var i=0;i<array.length;i++)  
14.                            {  
15.                                var node = $('#treeul').tree('find',array[i]);  
16.                               $('#treeul').tree('check',node.target);  
17.                            }  
18.                        }  
19.                    })  
20.                }  
21.            });  
    1. 
       

cache必须设置为false,意思为不缓存当前页，否则更改权限后绑定的权限还是上一次的操作结果.

dataType表示获取服务器发送的数据，"text"表示纯文本

保存选中的节点

 

1. 1. 
      
2. $('#savebtn').click(function(){      
3.              $.ajax({  
4.               url:'nodeHandler.ashx?pnodes='+GetNode('fnode')+ '&cnodes='+GetNode('child') +'&id='+v,  
5.                 cache:false,  
6.               success:function(data){  
7.                   eval（'data='+data);  
8.                   if(data.success){  
9.                       alert('保存成功');  
10.                       window.location.href='Permission.aspx';  
11.                   }  
12.               }  
13.              })  
14.           });  
    1. 
       

保存的时候，也必须将cache设置为false 

GetNode方法

 

 

1. 1. 
      
2. function GetNode(type){  
3.             var node = $('#treeul').tree('getChecked');  
4.             var cnodes='';  
5.             var pnodes='';  
6. 
   
7.              var prevNode=''; //保存上一步所选父节点  
8.             for(var i=0;i<node.length;i++){  
9. 
   
10.                 if($('#treeul').tree('isLeaf',node[i].target)){  
11.                     cnodes+=node[i].id+',';    
12. 
    
13.                     var pnode = $('#treeul').tree('getParent',node[i].target); //获取当前节点的父节点  
14.                    if(prevNode!=pnode.id) //保证当前父节点与上一次父节点不同  
15.                    {  
16.                         pnodes+=pnode.id+',';  
17.                         prevNode = pnode.id; //保存当前节点  
18.                    }  
19.                 }  
20.             }  
21.             cnodes = cnodes.substring(0,cnodes.length-1);  
22.             pnodes = pnodes.substring(0,pnodes.length-1);  
23. 
    
24.             if(type=='child'){return cnodes;}  
25.             else{return pnodes};  
26.         };  
    1. 
       

绑定tree的时候，只需要绑定子节点就可以了，父节点是根据子节点的状态决定是否选中的。一个父节点有2个子节点，如果我只绑定一个子节点，那么父节点的选择状态就不是“√”，如果2个子节点都有绑定的话，那么父节点的选中状态就是"√"