Gridview中实现RadioButton单选效果

HTML

<asp:TemplateField ItemStyle-Width="22px">
                           <ItemTemplate>
                               <asp:RadioButton ID="radButtonControl" GroupName="group1" runat="server" />
                           </ItemTemplate>
                       </asp:TemplateField>

CS

protected void gvWorkPlanList_RowDataBound(object sender, GridViewRowEventArgs e)
       {
           if (e.Row.RowType == DataControlRowType.DataRow)
           {
               RadioButton rb = (RadioButton)e.Row.FindControl("radButtonControl");
               if (rb != null)
                   rb.Attributes.Add("onclick", "onRadiobuttonClick(‘" + this.gvWorkPlanList.ClientID + "‘,‘" + rb.ClientID + "‘)");
           }
       }

JS

/**//*
传入的GridviewClientID和所选的RadioButton ClientID
**/
  function onRadiobuttonClick(gvControlID,selectedControlId)
  {
       var inputs = document.getElementById(gvControlID).getElementsByTagName("input");
       for(var i=0; i <inputs.length; i++)
       {
           if(inputs[i].type=="radio")
           {
               if(inputs[i].id==selectedControlId)
                   inputs[i].checked = true;
               else
                   inputs[i].checked = false;

           }
       }
  }
时间: 2024-10-16 04:55:06

Gridview中实现RadioButton单选效果的相关文章

ASP.NET GridView中加入RadioButton不能单选的解决方案

今天开发碰见一个问题,就是当GridView中加入一个包含RadioButton的模板列,结果一运行.....天啊,单选按钮可以多选了! 囧啊!为了演示一下我今天的错误我还是模拟一个功能场景吧,我要实现的功能是显示一个包含单选按钮的学生信息列表,选择一行后将详细信息显示出来~! 1.问题展现 ①首先准备一个GridView用来展示学生的基本信息与最重要的单选按钮,代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 <asp:GridView ID="GridView1&q

解决radiobutton在gridview中无法单选的一种方法

最近在项目中有个单选gridview中某一项的需求,使用radiobutton后发现,虽然最终选择出来的是一项,但是在页面上却可以选择多项,经过查看生成的html代码,发现生成的radio的name属性并不一样,即使已经加了groupname.解决方法代码如下 页面代码: <asp:GridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False" PageSize

Gridview 单选效果实现,且用且珍惜

Gridview 单选效果,在androidapp中实现非常频繁,我这里提供我的一种思路,这是我的思维导图: 怎么样将这样的思维导图翻译成java代码了,请看下面的代码了: // 电子产品的图片列表信息 static class ConfigInfo { static final int[] img = { R.drawable.electron_dvdplay, R.drawable.electron_toudaishishexianji, R.drawable.electron_miniyi

在ListView或GridView 中使用到跑马灯滚动效果实现的问题。

一般情况下TextView实现跑马灯效果只要设置一些几个属性即可实现了. android:singleLine="true"//只显示单行 android:ellipsize="marquee"       //实现滚动效果 android:focusable="true"    //获取焦点,获取不到焦点是无法实现跑马灯滚动的 android:marqueeRepeatLimit="marquee_forever"  //

universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法

在listview/gridview中使用UIL来display每个item的图片,当图片数量较多需要滑动滚动时会出现卡顿,而且加载过的图片再次上翻后依然会重复加载(显示设置好的加载中图片) 最近在使用UIL遇到了这个问题,相信这个问题许多使用UIL的人都碰到过 现在把解决方法贴出来给有同样问题的朋友做参考 先看下UIL的工作流程 在已经允许内存,存储卡缓存的前提下,当一个图片被请求display时,首先要判断图片是否缓存在内存中,如果false则尝试从存储卡读取,如果依然不存在最后才从网络地址

Dev的GridView中如何自动生成行号

这里提供一个方法,使用简单,只需将GridView传入,即可自动生成行号 1 public static void SetRowNumberIndicator(GridView gridView) 2 { 3 gridView.BeginUpdate(); 4 gridView.OptionsView.ShowIndicator = true; 5 gridView.CustomDrawRowIndicator += new RowIndicatorCustomDrawEventHandler(

实现CheckBox的三种选中状态(全选、半选、不选)在GridView中模拟树形的功能

度娘了很多帖子,只说三种状态要用图片替换来做,但没找到有用的例子,被逼自己写了一个 三方控件肯定是很多的,如jstree,可以直接用 由于公司的UDS限制,不能上传图片,只能文字说明了. 就是要在gridview中实现如下效果:一级.二级因为三级没有全部选中而显示半选状态 ?一级    ?二级       三级1        三级2 js↓ $(function(){ BindCheckNode(); $("span[name^='lblCheck']").click(checkBo

android在Gridview实现Textview跑马灯效果

默认是下面的属性添加TextView中: android:ellipsize="marquee" android:focusableInTouchMode="true" android:gravity="center" android:marqueeRepeatLimit="marquee_forever" android:scrollHorizontally="true" android:singleLi

182在屏幕中实现网格化视图效果

实现同样效果,更简单的方式如之前写的这篇随笔:使用 UICollectionView 实现网格化视图效果 效果如下: iPhone 5s iPhone 6 iPhone 6 Plus ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "KMGridViewDelegate.h" 3 #import "KMGridView.h" 4 5 @interface ViewController : UIVi