zoukankan      html  css  js  c++  java
  • 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;
    }
  • 相关阅读:
    vue 底层面试题
    js第二阶段的面试题
    vue新一轮的面试题
    vue3面试题
    day_33:后端day04Django框架中的视图和请求、响应
    day_37:后端day08Django框架前后端不分离模式实现项目管理系统(增删差改)
    day_36:后端day07Django框架中的ORM数据库操作二
    【漏洞复现】ThinkAdmin v5和v6 未授权列目录任意文件读取(CVE202025540)
    【超详细】安全测试===sqlmap使用心得(零)
    【最新】绕过Outlook 拦截钓鱼链接方式
  • 原文地址:https://www.cnblogs.com/sshh/p/1368917.html
Copyright © 2011-2022 走看看