• 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);
                }
        }


  • 相关阅读:
    用JavaScript玩转计算机图形学(二)基本光源
    两条像面试用的编程问题,和我的囧事
    混合语言的游戏开发系统架构
    为你详解Linux安装GCC方法
    Windows Phone 7常用资源大集合
    html5之Web Workers示例
    MFC/Win32中使用GDI+
    linux yum命令详解
    Linux development tools
    HTML5之Canvas标签简要学习
  • 原文地址:https://www.cnblogs.com/stalwart/p/1919465.html
Copyright © 2020-2023  润新知