ASP.NET 2.0 TreeView中用JavaScript实现单选功能.,Javascript技术文章,Javascript系列教程,Javascript

DIY部落 >> 网页设计 >> Javascript >> Javascript技术文章 >> 正文

ASP.NET 2.0 TreeView中用JavaScript实现单选功能.

www.diybl.com　时间：2007-10-21　作者:佚名编辑:本站点击：　 [评论]

由于项目要求需要实现,TreeView中CheckBox的单选功能,本人在网络上找了半天.没有找到满意的.于是自己研究了下,实现了这个功能,现放于Blog中,一方面一备忘,另一方面提供给需要的朋友. 有什么问题请提出.

//用Treeview chekbox节点单选的处理事件
function TreeSingleSelect(treeID,checkNode)
{
    if(!treeID)
    return;
    var objs = document.getElementsByTagName("input");
    for(var i=0;i<objs.length;i++)
    {
        if(objs[i].type=='checkbox')
        {
            var obj=objs[i];
            if(obj.id.indexOf(treeID)!=-1)
            {
                if(obj!=checkNode)
                {
                    obj.checked=false;
                }
            }
        }
    }
}
//用于给TreeView的 chebox添加单击事件(如果要将某一TreeView变为单选择只需调用下面方法)
function SetTreeNodeClickHander(treeID)
{
    var objs = document.getElementsByTagName("input");
    for(var i=0;i<objs.length;i++)
    {
        if(objs[i].type=='checkbox')
        {
            var obj=objs[i];
            if(obj.id.indexOf(treeID)!=-1)
            {
                objs[i].onclick=function(){TreeSingleSelect(treeID,this);};
            }
        }
    }
}

上面是主要的两个方法实现

TreeSingleSelect方法是,选择TreeView的CheckBox的事件.

SetTreeNodeClickHander这个方法是把TreeSingleSelect方法注册到TreeView的所有CheckBox上。

注册代码如下:

<div style="width:500px; height:450px; overflow:auto">

<asp:TreeView runat="server" ID="tvAssetKindTree" ExpandDepth="0" ShowCheckBoxes="All" ShowLines="True" ExpandImageToolTip=""></asp:TreeView>

</div>

<script type="text/javascript" language="javascript">

SetTreeNodeClickHander(

如果图片或页面不能正常显示请点击这里　站内搜索：

【收藏此页】【BBS社区】【发表评论】【返回顶部】【关闭】

上一篇文章:ASP.NET 2.0 TreeView中用JavaScript实现选择子接点CheckBox是自动选择上父节点(或者所有父节点)
下一篇文章: 一句话的JavaScript的验证代码

推荐文章

文章评论

请您留言

昵称：
验证码：
注册会员会员登陆

BBS问题帖

BBS社区热帖

相关教程文章

本栏目热门教程

频道地图

　Javascript

- 　FrontPage
- 　Dreamweaver
- 　html
- 　Javascript
- 　css
- 　网页制作技巧
- 　网页特效
- 　色彩原理
- 　设计理念
- 　web技术文章