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 用JS实现节点的单选功能

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

利用js实现checkbox的单选功能

项目需求:一、 调整原有“补货费用余额”字段调整为“补货费用余额(SBU)”,新增“补货费用余额(总部)”字段 备注:字段展示金额为总金额,后台按表单号对应金额 创建补货订单后,必须勾选费...
  • xiaozhouchou
  • xiaozhouchou
  • 2017年06月07日 15:01
  • 430

TreeView 设置样式

参考微软demo做了 一个类似差不多样式
  • suntanyong88
  • suntanyong88
  • 2014年11月02日 17:17
  • 7209

ASP.NET中 RadioButton(单选按钮)的使用

转: ASP.NET中 RadioButton(单选按钮)的使用 ylbtech-ASP.NET-Control-Basic:RadioButton(单选按钮)的使用 ...
  • liuhhaiffeng
  • liuhhaiffeng
  • 2017年07月26日 15:25
  • 370

ASP.NET中 RadioButtonList(单选按钮组)的使用

ylbtech-ASP.NET-Control-Basic:RadioButtonList(单选按钮组)的使用  ASP.NET中 RadioButtonList(单选按钮组)的使用。 ...
  • theoldfuture
  • theoldfuture
  • 2017年07月27日 21:20
  • 221

JS实现单选,多选,全选,反选,全不选

//单选 function deleteFee(id){ if(confirm("确定删除吗?")){ location.href="dele...
  • u014601106
  • u014601106
  • 2014年07月13日 15:23
  • 1116

网站导航——网站地图和TreeView的使用

ASP.NET站点导航能够在一个中央位置存储指向所有页面的连接,并在列表中呈现这些连接,也可以使用一个特定的Web服务器控件在每个页面上呈现导航菜单。设计站点导航时,使用站点地图描述站点的逻辑结构,使...
  • zc707212993
  • zc707212993
  • 2013年05月12日 19:44
  • 882

C#TreeView复选框的选择

树结构中的节点共有两层(父节点是分类名称子节点是属于该类的项的名称)都是从数据库中读出而且是在读出的过程中将具体的数据项名称进行分类的。要想实现:treeview的AfterCheck事件中的: ...
  • PressTab
  • PressTab
  • 2015年11月12日 12:30
  • 847

jqgrid 实现单选

1.jQuery(grid_selector).jqGrid({ multiselect: true, multiboxonly:true, gridCom...
  • lanyingtianshiabc
  • lanyingtianshiabc
  • 2016年11月01日 14:18
  • 2774

.net服务器控件使用总结之TreeView

使用TreeView控件有三种方式 方式一:在控件属性里面写死。       应用场景:在数据一成不变的情况下,可以使用。实际项目中极少使用。 方式二:通过xml文件读取目录。       应...
  • yuchang2012
  • yuchang2012
  • 2013年10月18日 14:59
  • 988
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET 2.0 TreeView中用JavaScript实现单选功能.
举报原因:
原因补充:

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