Ici, le contrôle TreeView d'asp.net2.0 est utilisé en combinaison avec JavaScript pour implémenter certaines fonctions de l'arborescence des autorisations.
Supposons qu'il existe les trois règles suivantes dans l'arborescence des autorisations :
1. Si le nœud est accessible, son nœud parent doit également être accessible ;
2. Si le nœud est accessible, ses nœuds enfants sont également accessibles ;
3. Si le nœud est inaccessible, ses nœuds enfants sont également inaccessibles.
Le code est le suivant :
//Obtenir l'élément parent du tagName spécifié
fonction public_GetParentByTagName (élément, tagName)
{
var parent = element.parentNode;
var upperTagName = tagName.toUpperCase();
//Si cet élément n'est pas la balise souhaitée, continuez à remonter
while (parent && (parent.tagName.toUpperCase() != upperTagName))
{
parent = parent.parentNode ? parent.parentNode : parent.parentElement;
}
parent de retour ;
}
//Définit le nœud parent du nœud Cheched - si le nœud est accessible, son nœud parent doit également être accessible
fonction setParentChecked (objNode)
{
var objParentDiv = public_GetParentByTagName(objNode,"div");
if(objParentDiv==null || objParentDiv == "indéfini")
{
retour;
}
var objID = objParentDiv.getAttribute("ID");
objID = objID.substring(0,objID.indexOf("Noeuds"));
objID = objID+"CheckBox";
var objParentCheckBox = document.getElementById(objID);
if(objParentCheckBox==null || objParentCheckBox == "indéfini")
{
retour;
}
if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
retour;
objParentCheckBox.checked = true ;
setParentChecked(objParentCheckBox);
}
//Désactivez le nœud enfant du nœud - si le nœud est inaccessible, ses nœuds enfants le seront également.
fonction setChildUnChecked (divID)
{
var objchild = divID.children;
var count = objchild.length;
pour(var i=0;i<objchild.length;i++)
{
var tempObj = objchild[i];
if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
{
tempObj.checked = false;
}
setChildUnChecked(tempObj);
}
}
//Définit le nœud enfant du nœud comme coché - si le nœud est accessible, ses nœuds enfants sont également accessibles
fonction setChildChecked (divID)
{
var objchild = divID.children;
var count = objchild.length;
pour(var i=0;i<objchild.length;i++)
{
var tempObj = objchild[i];
if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
{
tempObj.checked = true;
}
setChildChecked(tempObj);
}
}
//événement déclencheur
fonction 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 == "indéfini")
{
retour;
}
setChildChecked(objParentDiv);
}
autre
{
var objID = objNode.getAttribute("ID");
var objID = objID.substring(0,objID.indexOf("CheckBox"));
var objParentDiv = document.getElementById(objID+"Nodes");
if(objParentDiv==null || objParentDiv == "indéfini")
{
retour;
}
setChildUnChecked(objParentDiv);
}
}
Ensuite, liez le TreeView à l'événement js dans l'événement page_load :
this.TreeView1.Attributes.Add("onclick", "CheckEvent()");