TreeView专题(Asp.net2.0) 一些操作

来源:互联网 发布:大话西游2优化 编辑:程序博客网 时间:2024/04/29 09:02
转自紫色阴影的博客:

   最近在asp.net中总是用到TreeView,有一些基本的操作,比如选中所有子节点,选中父节点之类的,每次用的时候都得找以前的代码段拷贝,挺烦的,现在就把这些放在这里,方便以后使用 ^_^
 
  1. 选中所有子节点:
function OnTreeNodeChecked() 
        
{
            var ele 
= window.event.srcElement; 
            
if(ele.type=='checkbox'
            

                var childrenDivID 
= ele.id.replace('CheckBox','Nodes'); 
                var div 
= document.getElementById(childrenDivID); 
                
if(div==null)return
                var checkBoxs 
= div.getElementsByTagName('INPUT'); 
                
for(var i=0;i<checkBoxs.length;i++
                

                    
if(checkBoxs[i].type=='checkbox'
                        checkBoxs[i].
checked=ele.checked
                }
 
            }
 
        }
 
 
 2. 如果要选中子节点又同时选中所有父节点:
  
function getParentByTagName(element,tagName)
        
{
            var    parent 
= element.parentNode;
            var    upperTagName 
= tagName.toUpperCase();
            
while (parent && (parent.tagName.toUpperCase() != upperTagName))
            
{
                parent 
= parent.parentNode ? parent.parentNode : parent.parentElement;
            }

            
return parent;
        }


        function setParentChecked(objNode)
        
{
            var    objParentDiv 
= getParentByTagName(objNode,"div");
            
if(objParentDiv == null || objParentDiv == "undefined")
                
return;
            var    objID 
=    objParentDiv.getAttribute("ID");
            var    objParentCheckBox 
=    document.getElementById(objID.replace("Nodes","CheckBox"));
            
if(objParentCheckBox == null || objParentCheckBox    == "undefined")
                
return;
            
if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type    == "checkbox")
                
return;
            objParentCheckBox.
checked =    true;
            setParentChecked(objParentCheckBox);
        }



        function setChildCheckedState(div,state)
        
{
            var    objchild 
= div.childNodes;
            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    = state;
                }

                setChildCheckedState(tempObj,state);
            }

        }

        function TreeNodeChecked()
        
{
            var    objNode    
= window.event.srcElement;
            
if(objNode.tagName!="INPUT"    || objNode.type!="checkbox")
                
return;
            
            
if(objNode.checked == true)
            
{
                setParentChecked(objNode);
            }

            var    objID 
=    objNode.getAttribute("ID");
            var    objParentDiv 
= document.getElementById(objID.replace("CheckBox","Nodes"));
            
if(objParentDiv==null || typeof(objParentDiv) == "undefined")
                
return;
            setChildCheckedState(objParentDiv,objNode.
checked);

        }

  后台的给treeview添加onclick事件处理:
 
m_Tree.Attributes.Add("onclick""TreeNodeChecked();");


3.每次只选中一个节点,相对与互斥,这个很好实现
function TreeNodeChecked()
{
  var objNode 
= window.event.srcElement;
  
if(objNode.tagName!="INPUT" || objNode.type !="checkbox")
  
return;
  
if(window.lastCheckNode != null)
  window.lastCheckNode.
checked = false;
  window.lastCheckNode 
= objNode;
}

 

 js实现选中父级CheckBox,同时选中所有子结点的CheckBox.
 首先在Page_Load中添加入下事件.
this.TreeView1.Attributes.Add("onclick",   "CheckEvent()");


JScript code
    //获取元素指定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);
         }
}

 

记得给分

 
原创粉丝点击