asp.net 2.0 权限树的控制

　2006-11-20 17:18:54　来源：WEB开发网　　　

核心提示： 做权限的时候,主要实现如下功能 1、该节点可以访问，则他的父节点也必能访问；2、该节点可以访问，asp.net 2.0 权限树的控制，则他的子节点也都能访问；3、该节点不可访问，则他的子节点也不能访问，使用带CheckBox的数型结构能得到很好的用户体验,可是编程的难度也是有点增加,如果全部有服务端来完成,那

做权限的时候,主要实现如下功能
　 1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。
　使用带CheckBox的数型结构能得到很好的用户体验,可是编程的难度也是有点增加,如果全部有服务端来完成,那点下刷下,肯定不行,只能使用javascript,Javascript调试的时候郁闷的很,一个字类,还有郁闷的递归,麻烦
我以前是使用以下该方法
<script language="javascript">
<!--
　　　 //初始化节点
　　　 initchecknode(document.all("tvItemClientID").value,document.all("checked").value)
　　　
　　　　　 //初始化选中节点
　　　　　 function initchecknode(tree,tvvalue)
　　　　　 {
　　　　　　　 //获得需要初始化选择状态的节点的字符串.
　　　　　　　 var selectedNodes = tvvalue;
　　　　　　　 var arrayNodes = new Array();
　　　　　　　 arrayNodes = selectedNodes.split(",");
　　　　　　　 var AllRootNode=new Array();
　　　　　　　 AllRootNode=document.getElementById(tree).getChildren();
　　　　　　　 //初始化选择的节点
　　　　　　　 findAndCheckedNodes(AllRootNode,arrayNodes);
　　　　　 }

　　　 //根据已选择的节点的字符串初始化选择的节点
　　　　　 function findAndCheckedNodes(NodeArray,nodeDatas)
　　　　　 {
　　　　　　　 //alert(NodeArray.length);
　　　　　　　　 if(parseInt(NodeArray.length)==0)
　　　　　　　　 {
　　　　　　　　　 return;
　　　　　　　 }
　　　　　　　 else
　　　　　　　 {
　　　　　　　　　 for(var i=0;i<parseInt(NodeArray.length);i++)
　　　　　　　　　 {
　　　　　　　　　　　 var cNode,nodeData;
　　　　　　　　　　　 cNode=NodeArray[i];
　　　　　　　　　　　 ////如果该节点在nodeDatas里则初始化checked = true;
　　　　　　　　　　　 nodeData = cNode.getAttribute("NodeData");
　　　　　　　　　　　 for(var j=0;j<nodeDatas.length;j++)
　　　　　　　　　　　 {
　　　　　　　　　　　　　 if(nodeDatas[j] == nodeData)
　　　　　　　　　　　　　 {
　　　　　　　　　　　　　　　 cNode.setAttribute("checked","true");
　　　　　　　　　　　　　　　 break;
　　　　　　　　　　　　　 }
　　　　　　　　　　　 }
　　　　　　　　　　　 //如果有子节点,则继续递归
　　　　　　　　　　　 if(parseInt(cNode.getChildren().length)!=0)
　　　　　　　　　　　 findAndCheckedNodes(cNode.getChildren(),nodeDatas);　
　　　　　　　　　 }
　　　　　　　 }
　　　　　 }
//-->
//oncheck事件
function tree_oncheck(tree)
{
var i;
var node=tree.getTreeNode(tree.clickedNodeIndex);
var Pchecked=tree.getTreeNode(tree.clickedNodeIndex).getAttribute("checked");
setcheck(node,Pchecked);
setParent(node,Pchecked);
//window.alert(Pchecked);
document.all.checked.value = "";
if (tree.getChildren().length > 0)
{
　 for (i=0;i<=tree.getChildren().length-1;i++)
　 {
　　　 if (tree.getChildren()[i].getAttribute("Checked"))
　　　 {
　　　　　　 AddChecked(tree.getChildren()[i]);
　　　 }　
　　　 FindCheckedFromNode(tree.getChildren()[i]);
　 }
}
}
//设置子节点选中

//设置子节点选中/取消;
//同时需要设置父节点的状态(如果是取消选中的话,仅仅设置本节点及其所有字接点,不涉及父接点)
function setParent(node,Pc)
{
　 var parentNode = node.getParent();

　 if(parentNode)
　 {　
　
　　　 var parentNodeFather = parentNode.getParent();
　　　
　　　 if(parentNodeFather)
　　　 {
　　　　　 setParent(parentNode,Pc);
　　　 }
　　　 if(Pc)
　　　　　 {parentNode.setAttribute("checked",Pc);}
　　　 else
　　　 {
　　　　　 checkBrother(parentNode,Pc,node.getAttribute("NodeData"))
　　　 }
　 }
}

//检查子接点是否有选择的,如果有一个选择了,那返回true
//只查第一级节点.
function checkBrother(parentNode,Pc,NodeData)
{
　 var childNodes = new Array();
　 childNodes = parentNode.getChildren();
　 if(childNodes.length >0)
　 {
　　　 var bChecked = true;
　　　 for(var i=0;i<childNodes.length;i++)
　　　 {
　　　　　 if(childNodes[i].getAttribute("checked") == true && childNodes[i].getAttribute("NodeData") != NodeData)
　　　　　 {
　　　　　　　 //alert(i+childNodes[i].getAttribute("Text"));
　　　　　　　 bChecked = false;
　　　　　　　 break;
　　　　　 }
　　　 }
　　　 if(bChecked)
　　　 {
　　　　　 parentNode.setAttribute("checked",Pc);
　　　 }
　　　 else
　　　 {
　　　　　 //所有父结点选择
　　　　　 setParent(parentNode,!Pc)
　　　 }
　 }
　 else
　 {
　　　 parentNode.setAttribute("checked",Pc);
　 }
}

//获取所有节点状态
function FindCheckedFromNode(node)
{
var i = 0;
var nodes = new Array();
nodes = node.getChildren();

for (i = 0; i <= nodes.length - 1; i++)
{
　　 if (nodes[i].getAttribute("Checked"))
　　 {
　　　　 AddChecked(nodes[i]);
　　 }
　　 if (parseInt(nodes[i].getChildren().length) != 0 )
　　 {
　　　　 FindCheckedFromNode(nodes[i]);
　　 }
}
}
//添加选中节点
function AddChecked(node)
{
　 document.all.checked.value += node.getAttribute("NodeData") + ",";
}

//-->
　　　 </script>这种方法有个很大的问题,就是他客户端设置的CheckBox在服务器端是不能获取的,现在只能在Check的时候遍历树,并把Checked的值放在一个文本里,然后提交到服务器,然后服务器来解析1@2@这种字符
　　　　　现在我使用的是asp.net2.0,使用的是以下的方法
function public_GetParentByTagName(element, tagName)
{
　 var parent = element.parentNode;
　 var upperTagName = tagName.toUpperCase();
　 //如果这个元素还不是想要的tag就继续上溯
　 while (parent && (parent.tagName.toUpperCase() != upperTagName))
　 {
　　　 parent = parent.parentNode ? parent.parentNode : parent.parentElement;
　 }
　 return parent;
}

//设置节点的父节点Cheched——该节点可访问，则他的父节点也必能访问
function setParentChecked(objNode)
{
　 var objParentDiv = public_GetParentByTagName(objNode,"div");
　 if(objParentDiv==null || objParentDiv == "undefined")
　 {
　　　 return;
　 }
　 var objID = objParentDiv.getAttribute("ID");
　 objID = objID.substring(0,objID.indexOf("Nodes"));
　 objID = objID+"CheckBox";
　 var objParentCheckBox = document.getElementById(objID);
　 if(objParentCheckBox==null || objParentCheckBox == "undefined")
　 {
　　　 return;
　 }
　 if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
　 return;
　 objParentCheckBox.checked = true;
　 setParentChecked(objParentCheckBox);
}

//设置节点的子节点uncheched——该节点不可访问，则他的子节点也不能访问
function setChildUnChecked(divID)
{
　 var objchild = divID.children;
　 var count = objchild.length;
　 for(var i=0;i<objchild.length;i++)
　 {
　　　 var tempObj = objchild[i];
　　　 if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
　　　 {
　　　　　 tempObj.checked = false;
　　　 }
　　　 setChildUnChecked(tempObj);
　 }
}

//设置节点的子节点cheched——该节点可以访问，则他的子节点也都能访问
function setChildChecked(divID)
{
　 var objchild = divID.children;
　 var count = objchild.length;
　 for(var i=0;i<objchild.length;i++)
　 {
　　　 var tempObj = objchild[i];
　　　 if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
　　　 {
　　　　　 tempObj.checked = true;
　　　 }
　　　 setChildChecked(tempObj);
　 }
}

//触发事件
function CheckEvent()
{

　 var objNode = event.srcElement;

　 if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
　 return;

　 if(objNode.checked==true)
　 {
　　　 setParentChecked(objNode);
　　　 var objID = objNode.getAttribute("ID");
　　　 var objID = objID.substring(0,objID.indexOf("CheckBox"));
　　　 var objParentDiv = document.getElementById(objID+"Nodes");
　　　 if(objParentDiv==null || objParentDiv == "undefined")
　　　 {
　　　　　 return;
　　　 }
　　　 setChildChecked(objParentDiv);
　 }
　 else
　 {
　　　 var objID = objNode.getAttribute("ID");
　　　 var objID = objID.substring(0,objID.indexOf("CheckBox"));
　　　 var objParentDiv = document.getElementById(objID+"Nodes");
　　　 if(objParentDiv==null || objParentDiv == "undefined")
　　　 {
　　　　　 return;
　　　 }
　　　 setChildUnChecked(objParentDiv);
　 }
}这种方法最大的好处就是服务端能得javascript设置的Checked的值,不用没点下就全部把树遍利下,直接在服务端遍利一次就行了
　 //遍历子节点
　 public void GetChildNode(TreeNode Node)
　 {
　　　 foreach (TreeNode node in Node.ChildNodes)
　　　 {
　　　　　 if (node.Checked)
　　　　　 {
　　　　　　　 StrChecked += node.Value+"@";
　　　　　 }
　　　　　 GetChildNode(node);
　　　 }
　 }
}我照样能得到它的Check的值