• javascript 实现 TreeView全选(实现子节点全选,中父节点自动全选)


    方法一:最简单的全选,取消全选
    代码
    function OnTreeNodeChecked()
    {
            
    var ele = event.srcElement;
            
    if(ele.type=='checkbox')
            {
                
    var childrenDivID = ele.id.replace('CheckBox','Nodes');
                
    var div = document.getElementById(childrenDivID);
                
    if(div!=null)
                {
                    
    var checkBoxs = div.getElementsByTagName('INPUT');
                    
    for(var i=0;i<checkBoxs.length;i++)
                    {                    
                        
    if(checkBoxs[i].type=='checkbox')
                        checkBoxs[i].checked
    =ele.checked;
                    }
                }      
            }
        } 



    //------------------------------------------------------------------------------------------------------
    方法二:
    //JS实现treeview中选中父节点,子节点也选中,如果子节点全部选中,自动选中父节点
    //仅支持TreeView
    //调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()"); 或者 OnClick="OnTreeNodeChecked();"
       
    代码
    function OnTreeNodeChecked()
        {
            
    var ele = event.srcElement;
            
    if(ele.type=='checkbox')
            {
                
    var childrenDivID = ele.id.replace('CheckBox','Nodes');
                
    var div = document.getElementById(childrenDivID);
                
    if(div!=null)
                {
                    
    var checkBoxs = div.getElementsByTagName('INPUT');
                    
    for(var i=0;i<checkBoxs.length;i++)
                    {                    
                        
    if(checkBoxs[i].type=='checkbox')
                        checkBoxs[i].checked
    =ele.checked;
                    }
                }
                OnTreeNodeChildChecked(ele);         
            }
        }
       
        
    function OnTreeNodeChildChecked(ele)
        {
                
    //递归处理
                var parentDiv=ele.parentElement.parentElement.parentElement.parentElement.parentElement;
                
    var parentChkBox=document.getElementById(parentDiv.id.replace('Nodes','CheckBox'));
                
    if(parentChkBox!=null)
                {
                    
    var ChildsChkAll=true;
                    
    var Boxs = parentDiv.getElementsByTagName('INPUT');
                    
    for(var i=0;i<Boxs.length;i++)
                    {
                        
    if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)
                        {
                            ChildsChkAll
    =false;
                        }
                    }
                    parentChkBox.checked
    =ChildsChkAll;
                    OnTreeNodeChildChecked(parentChkBox);
                }
        }


  • 相关阅读:
    CI/CD for Power Platform
    SpringMVC异常处理
    SpringMVC框架中的拦截器
    spring实现文件上传
    idea常用的快捷键
    解决maven项目创建过慢的问题
    springmvc—入门程序
    Spring中的 JdbcTemplate
    基于XML的AOP 配置
    基于注解的 AOP 配置
  • 原文地址:https://www.cnblogs.com/stalwart/p/1919465.html
Copyright © 2020-2023  润新知