asp.net treeview 控件父子节点级联选中

一、使用方法
  1. <asp:TreeView ID="MenuTree" runat="server" ShowCheckBoxes="All" > 
  2.                   </asp:TreeView> 
  3.                    <script type="text/javascript" language="javascript"> 
  4.                       SetTreeNodeAutoSelectParentNodeHandle("<%=MenuTree.ClientID%>");  
  5.                  </script> 

二、Javascript函数

  1. function AutoSelectTreeNodeChecked(ele) {  
  2.    // var ele = window.event.srcElement;  
  3.     if (ele.type == 'checkbox') {  
  4.         //选中父节点(只选中父节点,不选中父节点的子节点)         
  5.         AutoSelectParentNode(ele);  
  6.         var childrenDivID = ele.id.replace('CheckBox', 'Nodes');  
  7.         var div = document.getElementById(childrenDivID);  
  8.         if (div == null) return;  
  9.         var checkBoxs = div.getElementsByTagName('INPUT');  
  10.         //选中所有子节点  
  11.         for (var i = 0; i < checkBoxs.length; i++) {  
  12.             if (checkBoxs[i].type == 'checkbox')  
  13.                 checkBoxs[i].checked = ele.checked;  
  14.         }  
  15.           
  16.     }  
  17. }  
  18. //用Treeview chekbox节点自动选择父节点的处理事件  
  19. function AutoSelectParentNode(obj) {  
  20.     if (obj.checked) {  
  21.         try {  
  22.             var p = obj.parentNode.parentNode.parentNode.parentNode.parentNode;  
  23.             if (p) {  
  24.                 var pCheckNodeID = p.id.replace("Nodes", "CheckBox");  
  25.                 var checkNode = document.getElementById(pCheckNodeID);  
  26.                 if (checkNode) {  
  27.                     //checkNode.click(); //如果不需要选中所有父节点的话(如父的父等)把本行代码去掉及可  
  28.                     checkNode.checked = true;  
  29.                     AutoSelectParentNode(checkNode);  
  30.                 }  
  31.             }  
  32.         } catch (ex) { }  
  33.     }  
  34. }  
  35. //用于给TreeView的 chebox添加 自动选择父节点的处理事件(如果要将某一TreeView变为自动选择父节点 只需调用下面方法)  
  36. function SetTreeNodeAutoSelectParentNodeHandle(treeID) {  
  37.     var objs = document.getElementsByTagName("input");  
  38.     for (var i = 0; i < objs.length; i++) {  
  39.         if (objs[i].type == 'checkbox') {  
  40.             var obj = objs[i];  
  41.             if (obj.id.indexOf(treeID) != -1) {  
  42.                 objs[i].onclick = function() { AutoSelectTreeNodeChecked(this); };  
  43.             }  
  44.         }  
  45.     }  
  46. }  

posted @ 2010-04-08 18:26  单康丽  阅读(541)  评论(0编辑  收藏  举报