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

原创 2007年10月11日 09:44:00

我的免费电影网站一:http://www.foxwow.com

我的免费电影网站二:http://www.91free.org

 

由于项目要求需要实现,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(
" tvAssetKindTree " );
                
</ script >

SetTreeNodeClickHander方法的参数是TreeView的客户端ID,一般情况下和服务端ID想同,在有控件嵌套(如用户控件或者MasterPage中)TreeView.ClientID来,当然任何情况下都可以用后一种方法来实现.代码如下:

 

                 < 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(
" <%=tvAssetKindTree.ClientID%> " );
                
</ script >

 

 

asp.net treeview 控件的使用

    TreeView 是 ASP.NET 的 Navigation 中的一个控件,实际上就是我们平时所说的树型菜单。 在视图设计中添加 TreeView。 HTML代码清单:后台代码清单:prot...
  • liumqj
  • liumqj
  • 2011年06月16日 11:54
  • 4897

TreeView 控件之不回发操作

今天在论坛看到一个问题,问的是如何实现 TreeView 控件在不回发的情况下,实现各种功能。既然不要求回发,只能使用客户端的脚本来实现了,下面就是完整的代码。http://www.w3.org/TR...
  • net_lover
  • net_lover
  • 2008年06月01日 11:26
  • 7809

ASP.NET - 填充 TreeView Web 服务器控件中的树节点

      TreeView Web 服务器控件可以显示各种不同类型的数据:控件中以声明方式指定的静态数据;绑定到该控件的数据;或为响应用户操作而动态添加到 TreeView 控件中的数据。一、显示静...
  • dodream
  • dodream
  • 2009年12月18日 10:33
  • 1247

asp.net中TreeView的使用

前台: 后台: protected void Page_Load(object sender, EventArgs e)         {       if (!IsPostBack) ...
  • suxuelian
  • suxuelian
  • 2017年07月29日 16:01
  • 260

asp:treeview

   public static void SetTreeNode(System.Web.UI.WebControls.TreeView treeRolePopedom, string rolecod...
  • goodyatou
  • goodyatou
  • 2009年12月24日 11:48
  • 306

Asp.Net TreeView 复选框选择

//TreeView onclick 触发事件 function client_OnTreeNodeChecked(event) { //得到当前所 Click...
  • liwateryi
  • liwateryi
  • 2016年01月11日 17:14
  • 444

js控制treeview中的checkbox实现单选功能

.net 中treeview中的checkbox 实现单选功能。并在后台服务器端取值。function OnTreeNodeChecked()     {         var element = ...
  • love_rrr
  • love_rrr
  • 2009年06月12日 15:34
  • 3522

定制TreeView控件,实现节点样式自定义及节点级别的单选、复选

需求 在项目中需要对TreeView进行定制,要求比较简单,主要要求如下:  每个节点被造中时可以有自己的事件Winform中TreeView控件默认只支持树级别的CheckBox,再要求支持...
  • wangyong0921
  • wangyong0921
  • 2012年09月05日 11:24
  • 3397

ASP.NET TreeView 用JS实现节点的单选功能

//用Treeview chekbox节点单选的处理事件 function TreeSingleSelect(treeID, checkNode) { if (!treeID) ...
  • diandian82
  • diandian82
  • 2009年03月20日 21:00
  • 3047

TreeView详解

TreeView ASP.NET TreeView 控件是一个用于呈现 TreeView UI 的功能强大的服务器控件,如下图中所示。该控件支持各种编程模型,从静态定义的树、到动态构造的树以及数据绑...
  • lbh9158
  • lbh9158
  • 2006年12月13日 02:46
  • 7193
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET 2.0 TreeView中用JavaScript实现单选功能.
举报原因:
原因补充:

(最多只允许输入30个字)