asp.net 2.0 权限树的控制

asp.net 2.0 权限树的控制

            做权限的时候,主要实现如下功能
            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 setcheck(node,Pchecked)






{


 var i;


 var ChildNode=new Array();


 ChildNode=node.getChildren();


 


 if(parseInt(ChildNode.length)==0)




 

{


  return;


 }


 else




 

{


  for(i=0;i<ChildNode.length;i++)




  

{


   var cNode;


   cNode=ChildNode[i];


   cNode.setAttribute("Checked",Pchecked);


   //cNode.Checked = Pchecked;


   if(parseInt(cNode.getChildren().length)!=0)




   

{


    setcheck(cNode,Pchecked);


   }


  }


 }


}




//设置子节点选中/取消;


//同时需要设置父节点的状态(如果是取消选中的话,仅仅设置本节点及其所有字接点,不涉及父接点)


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的值