TreeView CheckBox全选以及获取选中的值

最新推荐文章于 2023-04-03 16:05:00 发布

转载最新推荐文章于 2023-04-03 16:05:00 发布 · 4.6k 阅读

文章标签：

#null #function #input #div

C# 同时被 2 个专栏收录

29 篇文章

订阅专栏

ASP.NET

13 篇文章

订阅专栏

本文介绍了如何使用JavaScript在TreeView组件中实现选中父节点时，其所有子节点自动选中的功能。同时，当所有子节点被选中时，自动选中父节点。该功能通过事件监听和DOM操作实现，适用于需要父子节点联动的场景。

//JS实现treeview中选中父节点，子节点也选中,如果子节点全部选中，自动选中父节点
    //仅支持TreeView
    //调用方法 TreeView.Attributes.Add("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);
            }
    }

///////////////////////////////////////////////////////////////////////////////////////////

以下是递归循环遍历所有被选中的节点，并把选中的信息放在StringBuilder 里面

调用方法 GetSelectedNode(null);

    public StringBuilder ff = new StringBuilder();
    private void GetSelectedNode(TreeNode pNode)
    {
        if (pNode == null)
        {
            foreach (TreeNode node in TreeView1.Nodes)
            {
                if (node.Checked == true)
                {
                    ff.Append(node.Value);
                    ff.Append("-");
                    ff.Append(node.Text);
                }
                GetSelectedNode(node);
            }
        }
        else
        {
            foreach (TreeNode node in pNode.ChildNodes)
            {
                if (node.Checked == true)
                {
                    ff.Append(node.Value);
                    ff.Append("-");
                    ff.Append(node.Text);
                }
                GetSelectedNode(node);
            }
        }
    }