TreeView相关，CheckBox的控制问题？-CSDN论坛

⋅验证码图象不显示呢，奇怪 ⋅TreeView相关，CheckBox的控制问题？ ⋅如何让TreeView的父节点纵向排列，子节点横向排列 更多帖子 关注私信空间博客 liyin_liu 本版专家分：349 结帖率 100%: 一个带checkbox的TreeView，要使得
只要一个子节点选中，则父节点自动选中；父节点选中，则字节点全部选中
另外如果增加一个全选的checkbox，勾中它，则树treeview的节点全部选中，反之则全部取消。
treeview为已经绑定的二级树，请问如何能实现这样的控制。

0 2008-07-14 11:34:39

回复数 6 只看楼主引用举报楼主

⋅目前没有可用登录服务器处理登录请求！ ⋅WCF消息WriteMessage时提示反序列化错误（在线等） ⋅Visual studio 2010 在C#\Extension中找到不到C#“项目模版”和“项模版” 更多帖子 关注私信空间博客 shoushii 本版专家分：10503: 是否要页面回传？
如果是的话：
1、回传到服务器，获得叶子的父节点，递归选中。
2、遍历整个树，选中/取消

不回传：
1、JS，在客户端生成树的整个结构，选中某叶子节点，通过生成的结构，获得其父节点，递归到根节点。
2、简单遍历

0 2008-07-14 11:43:05

只看TA 引用举报 #1 得分 10

⋅散分求祝福 ⋅奥运喜获金牌榜第2，散粉 ⋅散分求祝福 更多帖子 关注私信空间博客 fellowcheng 本版专家分：16144 红花 2012年7月挨踢职涯大版内专家分月排行榜第一 2012年6月挨踢职涯大版内专家分月排行榜第一



  function ShowCheckBox()

    {

        var ele = event.srcElement;

        //单击节点上的CheckBox获取所有子节点

        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;

						var ml=document.getElementById(checkBoxs[i].id).parentElement.parentElement.parentElement.getElementsByTagName("INPUT");

					    if(ml.length>1)

					    {

					        if(ele.checked)

					        {

					            SelectUser(ml[1].value,ml[1].title);

                            }

                            else

                            {

                                RemoveUser(ml[1].value,ml[1].title); 

                            }  

                        }

					}

                }

            }

            else

            {

                var ml=document.getElementById(ele.id).parentElement.parentElement.parentElement.getElementsByTagName("INPUT");

                if(ele.checked)

                   SelectUser(ml[ml.length-1].value,ml[ml.length-1].title);

                else

                   RemoveUser(ml[ml.length-1].value,ml[ml.length-1].title);

            }

        }

    }

0 2008-07-14 12:01:27

只看TA 引用举报 #2 得分 10

⋅再散一次 ⋅CSDN送的书到了，散分 ⋅变成猩猩了 更多帖子 关注私信空间博客 JeffChung 本版专家分：15503

以前写在博客上，给你翻出来了

这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。
　　假设权限树中有如下三条规则：
　　1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。

代码如下：



//获取元素指定tagName的父元素

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

    }

}

然后在page_load事件中将TreeView与js事件绑定上：
this.TreeView1.Attributes.Add("onclick", "CheckEvent()");

0 2008-07-14 14:04:21

只看TA 引用举报 #3 得分 10

⋅关于实现FLASH录音的问题 ⋅关于对用户在页面上输入数据的验证（客户端与服务器端） ⋅又到一年端午时，又是我的生日，俺散点分给大家。。。 更多帖子 关注私信空间博客 yagebu1983 本版专家分：22917 蓝花 2008年7月 .NET技术大版内专家分月排行榜第三: 都把js代码给贴出来了！！！
UP!!!

0 2008-07-14 14:15:37

只看TA 引用举报 #4 得分 5

⋅来来，领导来了，谁给汇报下最近发生了啥事？矿泉水呢，赶紧的 ⋅jquery-ajax-pager 一个页面内多分页对象 ⋅正则 更多帖子 关注私信空间博客 格拉 本版专家分：4413: MARK!

0 2008-07-14 14:27:30

只看TA 引用举报 #5 得分 5

⋅MSDN 在线文档库是如何实现站点内容数据多语言版本的？

⋅激情不再

⋅在 DMZ 中部署 SharePoint

更多帖子

关注私信空间博客

Jinglecat

本版专家分：65985

金牌 2007年8月总版技术专家分月排行榜第一
2007年7月总版技术专家分月排行榜第一

微软MVP 2009年7月荣获微软MVP称号
2010年7月荣获微软MVP称号
2008年7月荣获微软MVP称号

红花 2007年8月 .NET技术大版内专家分月排行榜第一
2007年7月 .NET技术大版内专家分月排行榜第一

黄花 2007年6月 .NET技术大版内专家分月排行榜第二: Asp.Net 2.0 TreeView的Checkbox级联操作
http://www.cnblogs.com/itrust/archive/2006/04/03/365439.aspx

TreeView几个小技巧
http://www.cnblogs.com/Jinglecat/archive/2007/03/19/679313.html

0 2008-07-15 13:39:22

只看TA 引用举报 #6 得分 10

TreeView相关，CheckBox的控制问题？ [问题点数：50分，结帖人liyin_liu]