学步园

加载数据

  $('#treeul').tree({<br /> checkbox:true,<br /> url:'initTree.aspx',<br /> onLoadSuccess:function(){<br /> //绑定权限<br /> $.ajax({<br /> url:'getId.aspx?id='+v,<br /> cache:false,<br /> dataType:'text',<br /> success:function(data){<br /> var array = data.split(',');<br /> for(var i=0;i<array.length;i++)<br /> {<br /> var node = $('#treeul').tree('find',array[i]);<br /> $('#treeul').tree('check',node.target);<br /> }<br /> }<br /> })<br /> }<br /> });
  

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

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

保存选中的节点

$('#savebtn').click(function(){<br /> $.ajax({<br /> url:'nodeHandler.ashx?pnodes='+GetNode('fnode')+ '&cnodes='+GetNode('child') +'&id='+v,<br /> cache:false,<br /> success:function(data){<br /> eval('data='+data);<br /> if(data.success){<br /> alert('保存成功');<br /> window.location.href='Permission.aspx';<br /> }<br /> }<br /> })<br /> });<br />

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

GetNode方法

参数代表：父节点或子节点

 function GetNode(type){<br /> var node = $('#treeul').tree('getChecked');<br /> var cnodes='';<br /> var pnodes='';</p> <p> var prevNode=''; //保存上一步所选父节点<br /> for(var i=0;i<node.length;i++){</p> <p> if($('#treeul').tree('isLeaf',node[i].target)){<br /> cnodes+=node[i].id+','; </p> <p> var pnode = $('#treeul').tree('getParent',node[i].target); //获取当前节点的父节点<br /> if(prevNode!=pnode.id) //保证当前父节点与上一次父节点不同<br /> {<br /> pnodes+=pnode.id+',';<br /> prevNode = pnode.id; //保存当前节点<br /> }<br /> }<br /> }<br /> cnodes = cnodes.substring(0,cnodes.length-1);<br /> pnodes = pnodes.substring(0,pnodes.length-1);</p> <p> if(type=='child'){return cnodes;}<br /> else{return pnodes};<br /> };

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