TreeView控件实现选中父节点时全选子节点

最新推荐文章于 2023-05-30 18:04:55 发布
最新推荐文章于 2023-05-30 18:04:55 发布
阅读量2k 收藏
点赞数
分类专栏： ASP.NET专题 文章标签： asp function input server null table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanglei_love2008/article/details/4159511
版权

 第一种方法
<head runat="server">
    <title>无标题页</title>

    <script type="text/javascript">
    function public_GetParentByTagName(element, tagName)
{
        var parent = element.parentNode;
        var upperTagName = tagName.toUpperCase();
        //如果这个元素还不是想要的tag就继续上溯
        while (parent && (parent.tagName.toUpperCase() != upperTagName))
        {
            parent = parent.parentNode ? parent.parentNode : parent.parentElement;
        }
        return parent;
}

//设置节点的父节点Cheched——该节点可访问，则他的父节点也必能访问
function setParentChecked(objNode)
{
        var objParentDiv = public_GetParentByTagName(objNode,"div");
        if(objParentDiv==null || objParentDiv == "undefined")
        {
            return;
        }
        var objID = objParentDiv.getAttribute("ID");
        objID = objID.substring(0,objID.indexOf("Nodes"));
        objID = objID+"CheckBox";
        var objParentCheckBox = document.getElementById(objID);
        if(objParentCheckBox==null || objParentCheckBox == "undefined")
        {
            return;
        }
        if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
        return;
        objParentCheckBox.checked = true;
        setParentChecked(objParentCheckBox);
}

//设置节点的子节点uncheched——该节点不可访问，则他的子节点也不能访问
function setChildUnChecked(divID)
{
        var objchild = divID.children;
        var count = objchild.length;
        for(var i=0;i <objchild.length;i++)
        {
            var tempObj = objchild[i];
            if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
            {
                tempObj.checked = false;
            }
            setChildUnChecked(tempObj);
        }
}

//设置节点的子节点cheched——该节点可以访问，则他的子节点也都能访问
function setChildChecked(divID)
{
        var objchild = divID.children;
        var count = objchild.length;
        for(var i=0;i <objchild.length;i++)
        {
            var tempObj = objchild[i];
            if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
            {
                tempObj.checked = true;
            }
            setChildChecked(tempObj);
        }
}

//触发事件
function CheckEvent()
{

        var objNode = event.srcElement;

        if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
        return;

        if(objNode.checked==true)
        {
            setParentChecked(objNode);
            var objID = objNode.getAttribute("ID");
            var objID = objID.substring(0,objID.indexOf("CheckBox"));
            var objParentDiv = document.getElementById(objID+"Nodes");
            if(objParentDiv==null || objParentDiv == "undefined")
            {
                return;
            }
            setChildChecked(objParentDiv);
        }
        else
        {
            var objID = objNode.getAttribute("ID");
            var objID = objID.substring(0,objID.indexOf("CheckBox"));
            var objParentDiv = document.getElementById(objID+"Nodes");
            if(objParentDiv==null || objParentDiv == "undefined")
            {
                return;
            }
            setChildUnChecked(objParentDiv);
        }
}
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" οnclick="CheckEvent()">
            <Nodes>
                <asp:TreeNode Text="A" Value="A">
                    <asp:TreeNode Text="AA" Value="AA"></asp:TreeNode>
                    <asp:TreeNode Text="AAA" Value="AAA"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="B" Value="B">
                    <asp:TreeNode Text="BB" Value="BB"></asp:TreeNode>
                    <asp:TreeNode Text="BBB" Value="BBB"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
-----------------------------------------------------
第二种方法:
<script type="text/javascript">
    function client_OnTreeNodeChecked()
{
    var obj = window.event.srcElement;
    var treeNodeFound = false;
    var checkedState;
    if (obj.tagName == "INPUT" && obj.type == "checkbox")
    {
        var treeNode = obj;
        checkedState = treeNode.checked;
        do
        {
            obj = obj.parentElement;
        } while (obj.tagName != "TABLE")
        var parentTreeLevel = obj.rows[0].cells.length;
        var parentTreeNode = obj.rows[0].cells[0];
        var tables = obj.parentElement.getElementsByTagName("TABLE");
        var numTables = tables.length
        if (numTables >= 1)
        {
            for (i=0; i < numTables; i++)
            {
                if (tables[i] == obj)
                {
                    treeNodeFound = true;
                     i++;
                     if (i == numTables)
                    {
                        return;
                    }
            }
            if (treeNodeFound == true)
            {
                var childTreeLevel = tables[i].rows[0].cells.length;
                if (childTreeLevel > parentTreeLevel)
                {
                    var cell = tables[i].rows[0].cells[childTreeLevel - 1];
                    var inputs = cell.getElementsByTagName("INPUT");
                    inputs[0].checked = checkedState;
                }
                else
                {
                    return;
                }
            }
        }
    }
    }
}
    </script>
<asp:TreeView ID="TreeView1" runat="server" οnclick="client_OnTreeNodeChecked()"
            ShowCheckBoxes="All">
            <Nodes>
                <asp:TreeNode Text="A" Value="A">
                    <asp:TreeNode Text="AA" Value="AA"></asp:TreeNode>
                    <asp:TreeNode Text="AAA" Value="AAA"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="B" Value="B">
                    <asp:TreeNode Text="BB" Value="BB"></asp:TreeNode>
                    <asp:TreeNode Text="BBB" Value="BBB"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>

中年秃头大叔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
12-29
选中父节点时，父节点下所有子节点也都全部选中，看代码 1、HTML代码 <h2>TreeView Checkable <div id=treeview-checkable> 2、Json数据 function getTvStateData() { var defaultData = [ { text: 'Parent...
treeview获取选中 vb_【vb 有checkbox的treeview】 父节点选中,对应的子节点也选中
weixin_39903538的博客
12-31 237
该楼层疑似违规已被系统折叠隐藏此楼查看此楼NodeAllExpanded TreeView1End SubPrivate Sub TreeView1_NodeCheck(ByVal Node As MSComctlLib.Node)Call AllChildSynchro(Node)Call AllMaterSynchro(Node)End...
QTreeView勾选父节点时自动勾选子节点
m0_37754764的博客
05-30 707
在上面的代码中，我们使用了clicked信号和QModelIndex提示在QTreeView中单击的项目。通过检查已单击的项目的状态并调用changeChildrenState函数处理其子项的状态。'changeChildrenState是递归函数，它会在子项中继续处理所有孙项。当勾选(或取消勾选)父母时，子项的状态通过使用setData()`在数据模型中更新。请注意，必须禁用自动三重状态，否则这将导致勾选不起作用。
QTreeView三态复选
TiredWind的博客
10-13 1856
在Qt的model/view中，QStandardItem是可以设置复选效果的，在QTreeView和QTableView等中以QCheckBox的样子显示出来。 item->setCheckable(true); // 设置是否能复选（默认只有√和×两种形态） item->setTristate(true); // 设置在复选效果中，是否能出现三态（即部分选中的■） 在低版本的Qt中，QTreeView实现复选需要手动进行逻辑设置，只设置个...
jquery实现点击TreeView文本父节点展开/折叠子节点
10-27
今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点,很多新手朋友可能对此会很陌生，接下来介绍解决方法，感兴趣的朋友可以了解下
vb treeview 父节点和子节点联动，父节点被选中子节点全部被选中，子节点全部被选中，则父节点被选中，取消选中子节点，父节点被取消选中
08-07
vb treeview控件父节点和子节点联动，如果父节点被选中，则子节点全部被选中，如果有一个子节点不被选中，则所有父节点都不被选中，如果有子节点不被选中，当选中该子节点，而该子节点同级节点都被选中时，则其父...
javascript 实现 TreeView全选（实现子节点全选，中父节点自动全选）
06-19
javascript 实现 TreeView全选（实现子节点全选，中父节点自动全选）
el-tree选中父节点后同时选中所有子节点
qq_25313187的博客
08-02 3455
vue
asp.net的Treeview的Checkbox选中父节点，选中全部子节点并且展开
07-17
在用户权限里，系统菜单选中一个用户后，他的Treeview权限菜单，点击父节点，子节点自动展开并选中。asp.net的Treeview的Checkbox选中父节点，选中全部子节点并且展开。
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选
11-13
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
TreeView子节点选中同时选中所有父节点
qq_28150085的博客
05-06 1221
最近碰到过几次checkbox树操作，在winform中比较好容易操作，但在web页面在后台写代码的话，每次点击结点操作都会回发，这样导致用户体验很不好，这里在网上找了一段js代码： function setParentState(objNode) { var objParentDiv = WebForm_GetParentByTagName(objNode, "div"...
Qt 使用QTreeView实现可复选树
qq_40878979的博客
11-07 1586
Qt 可选树形结构Qt 使用QTreeView实现可复选树需求描述实现分析实现代码 Qt 使用QTreeView实现可复选树 需求描述 我们经常可能有个需求就是：我们需要以树形结构去展示并选择某种数据，如下所示： 其中要求可以选择树上的节点，且当某节点的被选中后其子节点和父节点要随之联动。 实现分析 我不清楚Qt有没有这样现成的控件支持，据我所知可能没有（了解的人请多指教哟），所以我们可以简易实现一个，由于我们项目很多时候都是采用model+view的形式进行，所以我打算采取直接在QTreeView上做一
Qt QTreeView简单使用
weixin_43912897的博客
12-20 4734
QTreeView: 用于显示树状结构数据，适用于树状结构数据的操作。
利用递归轻松实现TreeView控件中子节点的全选操作[VB]
思科网络
10-20 2037
<br />实现以下功能：当用户单击节点选择框时，程序自动将该节点的所有子节点的Check设置成该节点的状态.<br />Private Sub TreeView1_NodeCheck(ByVal Node As MSComctlLib.Node) If UCase(TypeName(Node)) <> "INODE" Then Exit Sub Dim bC As Boolean bC = Node.Checked Dim nodeNext As MSComctlL
TreeView中如何选中一个父节点同时选中所有的子节点和孙节点。。。
10-11 3418
----------------------------------------------------------------------------Author:lihonggen0Date:2003-1-20功能：选择Treeview节点下所有节点--------------------------------------------------------------------
vue项目中树形控件实现点击父节点子节点全选，点击子节点不影响父节点
qq_66180056的博客
07-14 2870
这个文章是关于项目中必须要开启:check-strictly="true"父子节点不关联的，又想实现点击父节点子节点全选，点击子节点不影响父节点的操作
vb treeview控件选择子节点后父节点可选
最新发布
01-01
VB TreeView控件是一种用于显示层次结构数据的控件。在默认情况下，TreeView控件在选择一个子节点后，父节点是不可选的。这是因为TreeView控件的设计理念是将父节点作为一个容器，用于包含子节点，而不是作为一个独立的项。 如果想要实现选择子节点后父节点可选的功能，可以通过编程的方式来实现。首先，当子节点被选择时，可以通过编写事件处理程序来获取所选节点的父节点。可以使用TreeView控件的`SelectedNode`属性来获取当前所选节点，然后使用其`Parent`属性来获取父节点。接着，可以将父节点的`Enabled`属性设置为`True`，从而使其可选。 以下是一个简单的示例代码： ```vb Private Sub TreeView1_AfterSelect(sender As Object, e As TreeViewEventArgs) Handles TreeView1.AfterSelect Dim selectedNode As TreeNode = TreeView1.SelectedNode selectedNode.Parent.Enabled = True End Sub ``` 上述代码在TreeView控件的`AfterSelect`事件中，将所选节点的父节点的`Enabled`属性设置为`True`，从而实现选择子节点后父节点可选的效果。 需要注意的是，只有当TreeView控件中的节点已经展开时，才能够获取到父节点。因此，为了确保父节点可选的功能正常工作，需要先展开TreeView控件中的节点。 希望以上内容能够对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值