权限树中Checkbox的操作[Asp.Net2.0]

核心提示：这里使用asp.net2.0的TreeView控件结合javaScript实现权限树的部分功能，假设权限树中有如下三条规则：1、该节点可以访问，权限树中Checkbox的操作[Asp.Net2.0]，则他的父节点也必能访问；2、该节点可以访问，则他的子节点也都能访问；3、该节点不可访问，则他的子节点也不能访问，代码如下

这里使用asp.net2.0的TreeView控件结合javaScript实现权限树的部分功能。
　　假设权限树中有如下三条规则：
　　1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。

代码如下：
//获取元素指定tagName的父元素
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);
　  }
}

然后在page_load事件中将TreeView与js事件绑定上：
this.TreeView1.Attributes.Add("onclick", "CheckEvent()");

http://jeffamy.cnblogs.com/archive/2006/06/17/428387.html