asp.net TreeView 一些操作

最近在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.type=='checkbox')
                        checkBoxs.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;
                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;
}
原文地址:https://www.cnblogs.com/sshh/p/1368917.html