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

这里使用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()");