asp.net 带复选框的treeview，如何在勾选复选框的时候选中对应的节点

那一份抹不去的光辉 2014-05-20 02:22:12
asp.net 带复选框的treeview，发现勾选节点对应的复选框的时候，并没有选中对应节点，还要在节点上点击一下才会选中对应节点。如何在勾选复选框的时候选中对应的节点，
...全文
243 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
那一份抹不去的光辉 2014-05-20
  • 打赏
  • 举报
 回复
引用 5 楼 lp244392323 的回复:
[quote=引用 3 楼 apollokk 的回复:] 单击复选框时用JS模拟单击链接： 

function CheckEvent() {
        var objNode = event.srcElement;
        if (objNode.tagName != "INPUT" || objNode.type != "checkbox")
            return;
       objNode.nextSibling.click();       
    }
麻烦帮我再看看这个，还有100分 http://bbs.csdn.net/topics/390792371[/quote] 不好意思，链接错了 ，应该是这个 http://bbs.csdn.net/topics/390792208
那一份抹不去的光辉 2014-05-20
  • 打赏
  • 举报
 回复
引用 3 楼 apollokk 的回复:
单击复选框时用JS模拟单击链接： 

function CheckEvent() {
        var objNode = event.srcElement;
        if (objNode.tagName != "INPUT" || objNode.type != "checkbox")
            return;
       objNode.nextSibling.click();       
    }
麻烦帮我再看看这个，还有100分 http://bbs.csdn.net/topics/390792371
那一份抹不去的光辉 2014-05-20
  • 打赏
  • 举报
 回复
引用 3 楼 apollokk 的回复:
单击复选框时用JS模拟单击链接： 

function CheckEvent() {
        var objNode = event.srcElement;
        if (objNode.tagName != "INPUT" || objNode.type != "checkbox")
            return;
       objNode.nextSibling.click();       
    }
看样子我要好好看下js，学习了，谢谢
Hello World, 2014-05-20
  • 打赏
  • 举报
 回复
单击复选框时用JS模拟单击链接： 

function CheckEvent() {
        var objNode = event.srcElement;
        if (objNode.tagName != "INPUT" || objNode.type != "checkbox")
            return;
       objNode.nextSibling.click();       
    }
那一份抹不去的光辉 2014-05-20
  • 打赏
  • 举报
 回复
引用 1 楼 apollokk 的回复:
1、附加点击事件： 
TreeView1.Attributes.Add("onclick", "CheckEvent()");
2、JS脚本： 

    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);
        }
    }
还有点问题，点击取消时上级不会取消，没有半选状态
非常感谢大哥这么有心，我看了，这个是逐级的递归，也许您没有看清楚或者没有理解我问的问题，是要勾选复选框后，对应的刚刚选中的那个树形的节点也被选中（激活当前节点）。不然我在TreeNodeCheckChanged事件里面获取不到刚刚勾选的这个节点，获取的 是null， TreeNode tn = TreeMenue.SelectedNode 结果tn是null,;然后后面的代码就执行不下去了。
Hello World, 2014-05-20
  • 打赏
  • 举报
 回复
1、附加点击事件： 
TreeView1.Attributes.Add("onclick", "CheckEvent()");
2、JS脚本： 

    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);
        }
    }
还有点问题，点击取消时上级不会取消，没有半选状态
asp.net的Treeview的Checkbox选中父节点，选中全部子节点并且展开
通过上述步骤，我们可以实现在 ASP.NET 应用程序中当用户选中 TreeView 控件中的父节点复选框时，自动选中并展开所有子节点的功能。这不仅可以提高用户的操作效率，也使得权限管理更加直观和易于理解。
ASTreeView 1.3.0（超炫，超酷的Asp.net的Treeview控件）
ASTreeView 1.3.0 是一个强大而灵活的ASP.NET TreeView控件，它通过集成多种高级特性，如拖放、AJAX载入、复选框等，极大地增强了网页的交互性和功能性。开发者可以利用这些特性快速构建出用户友好的、功能丰富的...
c# treeview 的check用法
首先，`TreeView`控件的`CheckBoxes`属性需要设置为`true`，才能启用复选框功能。在`ASP.NET`中，这通常在`ASPX`页面的`TreeView`控件定义中设置： ```asp <asp:TreeView ID="TreeView1" runat="server" ...
TreeView 用法（有代码）（asp.net）
在HTML部分，`<asp:TreeView>`标签定义了一个TreeView控件，并设置了属性`ShowCheckBoxes="All"`，这意味着所有节点都将显示复选框。`onclick`事件绑定到`CheckEvent()`函数，当用户点击节点时，这个函数将处理复选...
asp.net treeview checkbox 相关问题
当需要用户交互时，我们常常会添加Checkbox复选框到TreeView的各个节点上。本文将深入探讨如何处理与ASP.NET TreeView控件中的Checkbox相关的常见问题。 首先，我们来看一个简单的示例，它展示了如何动态地生成包含...
.NET社区

62,244

社区成员

668,998

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章