treeview十八般武艺,js选择和绑定权限树

最新推荐文章于 2021-10-27 10:33:41 发布

weixin_30886233

最新推荐文章于 2021-10-27 10:33:41 发布

阅读量157

点赞数

原文链接：http://www.cnblogs.com/alonghay/archive/2010/09/01/1814517.html

版权

最佳JS实现treeview权限树遍历方法（当然，要以客户需求为主）：

1     function getParentByTagName(element,tagName)
2     {
3         var    parent = element.parentNode;
4         var    upperTagName = tagName.toUpperCase();
5          while (parent && (parent.tagName.toUpperCase() != upperTagName))
6         {
7             parent = parent.parentNode ? parent.parentNode : parent.parentElement;
8         }
9          return parent;
10     }
11
12     function setParentChecked(objNode)
13     {
14         var    objParentDiv = getParentByTagName(objNode, " div " );
15          if (objParentDiv == null || objParentDiv == " undefined " )
16              return ;
17         var    objID =     objParentDiv.getAttribute( " ID " );
18         var    objParentCheckBox =     document.getElementById(objID.replace( " Nodes " , " CheckBox " ));
19          if (objParentCheckBox == null || objParentCheckBox     == " undefined " )
20              return ;
21          if (objParentCheckBox.tagName != " INPUT " && objParentCheckBox.type     == " checkbox " )
22              return ;
23
24          // objParentCheckBox.checked = true;
25          if (objParentCheckBox.value == " 117 " )
26         {
27              // alert("ok");
28             objParentCheckBox. checked = false ;
29         }
30          else
31         {
32              if (objNode. checked = true ) objParentCheckBox. checked = true ;
33         }
34
35         setParentChecked(objParentCheckBox);
36     }
37     function setParentUnChecked(objNode)
38     {
39         var    objParentDiv = getParentByTagName(objNode, " div " );
40          if (objParentDiv == null || objParentDiv == " undefined " )
41              return ;
42         var    objID =     objParentDiv.getAttribute( " ID " );
43         var    objParentCheckBox =     document.getElementById(objID.replace( " Nodes " , " CheckBox " ));
44          if (objParentCheckBox == null || objParentCheckBox     == " undefined " )
45              return ;
46          if (objParentCheckBox.tagName != " INPUT " && objParentCheckBox.type     == " checkbox " )
47              return ;
48          if (objNode. checked = false ) objParentCheckBox. checked = false ;
49         objParentCheckBox. checked = false ;
50         setParentUnChecked(objParentCheckBox);
51     }
52
53     function setChildCheckedState(div,state)
54     {
55         var    objchild = div.childNodes;
56         var    count =     objchild.length;
57          for (var    i = 0 ;i < objchild.length;i ++ )
58         {
59             var    tempObj     = objchild[i];
60              if (tempObj.tagName == " INPUT "      && tempObj.type     == " checkbox " )
61             {
62                 tempObj. checked      = state;
63             }
64 //                  debugger;
65             setChildCheckedState(tempObj,state);
66         }
67     }
68     function TreeNodeChecked()
69     {
70         var    objNode     = window. event .srcElement;
71          if (objNode.tagName != " INPUT "      || objNode.type != " checkbox " )
72              return ;
73 //              debugger;
74          if (objNode. checked == true )
75         {
76             setParentChecked(objNode);
77         }
78          else
79         {
80              // setParentUnChecked(objNode);
81
82         }
83         var    objID =     objNode.getAttribute( " ID " );
84         var    objParentDiv = document.getElementById(objID.replace( " CheckBox " , " Nodes " ));
85          if (objParentDiv == null || typeof (objParentDiv) == " undefined " )
86              return ;
87         setChildCheckedState(objParentDiv,objNode. checked );
88
89     }
90
91 </ script >

后台递归遍历绑定treeview被选节点:

代码

1      /// <summary>
2      /// 判断TreeView被选节点
3      /// </summary>
4      /// <param name="tv"> TreeView名称 </param>
5      private void InitTreeChecked(TreeNode parentID, string menuID)
6     {
7
8          if (parentID.Value == menuID) // 根节点
9         {
10             parentID.Checked = true ;
11              // parentID = tvMenu.Nodes[0];
12         }
13          else
14         {
15              if (parentID.ChildNodes.Count != 0 )
16             {
17                  // for (int i = 0; i < parentID.ChildNodes.Count; i++) // 一级子节点
18                  foreach (TreeNode childID in parentID.ChildNodes)
19                 {
20                          // if (parentID.ChildNodes[i].Value.Trim().ToString() == menuID.Trim())
21                          if (childID.Value.Trim().ToString() == menuID.Trim().ToString())
22                         {
23                             childID.Checked = true ;
24                              return ;
25                         }
26                          else
27                         {
28                              // if (parentID.ChildNodes[parentID.ChildNodes.Count-1].Value.Trim().ToString())
29
30                             parentID = childID;
31                              this .InitTreeChecked(parentID, menuID);
32                         }
33                  }
34             }
35              else {}
36         }
37     }

07年实现新添treeview权限的JS源码：

代码

07年JS实现更新treeview权限树(建议后台遍历treenodes)：

代码

同样效果后台遍历代码如下：

代码

1      /// <summary>
2      /// 读取treeview上所有节点值
3      /// </summary>
4      /// <param name="id"></param>
5     ArrayList arry = new ArrayList();
6      private void GetAllValuesOfTreeview()
7     {
8         arry.Clear();
9          for ( int i = 0 ; i < tvMenu.CheckedNodes.Count; i ++ )
10         {
11             arry.Add(tvMenu.CheckedNodes[i].Value.Trim());
12         }
13     }

转载于:https://www.cnblogs.com/alonghay/archive/2010/09/01/1814517.html

weixin_30886233

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
treeview十八般武艺,js选择和绑定权限树

最佳JS实现treeview权限树遍历方法（当然，要以客户需求为主）：JS1functiongetParentByTagName(element,tagName)2{3varparent=element.parentNode;4varupperTagName=tagName.toU...
复制链接

扫一扫