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. }  
    

转载于:https://www.cnblogs.com/skl99/archive/2010/04/08/1707670.html