DATAGRID中添加单选框的操作步骤

原创 2006年05月17日 23:47:00

DATAGRID中添加单选框的操作步骤

步骤:
1、 在Page_Load事件过程中添加JavaScript代码,代码如下:
           string js = "";
   js += "<script>/r/n";
   js += "function ld(){/r/n";
   js += "for(i=0;i<document.getElementsByName

('RadioName').length;i++)/r/n";
   js += "if(document.getElementsByName('RadioName')[i].value==";
   js += "document.getElementById('" + rd.ClientID + "').value) ";
   js += "document.getElementsByName('RadioName')[i].checked=true/r/n";
   js += "}/r/n";
   js += "window.onload=ld/r/n";
   js += "</"+"script>/r/n";
   this.RegisterStartupScript("js",js);

2、 在DATAGRID中添加模板列,模板列中放HTML控件RadioButton,名称为RadioName(可以自行定义,但必

须和上面的JS代码中的单选按钮一致)
3、 在界面的HTML代码中添加函数:
<script language="javascript">
  <!--
 function radioClick()
 {
  if (document.Form1.RadioName !=null)
  {
   for (i=0; i<document.Form1.RadioName.length; i++)
   {
       if (document.Form1.RadioName[i].checked == true)
       {
     document.Form1.rd.value = document.Form1.RadioName

[i].value;
     //document.getElementById("TextBox1").value =

document.Form1.rd.value;
    }
   }
  }
 }
  //-->
  </script>
该函数是单选框的单击事件函数,

4、 在界面中添加一个单选按钮,HTML控件,名为RadioName,与上述同名。并且设置该单选按钮的显示状

态为隐藏。
5、 在界面中添加一个隐藏控件,名为rd,该控件的Value属性中存在当前单击记录的关键字值。
6、 在界面的HTML代码中为DATAGRID中的单选按钮RadioName添加单击事件,即
<INPUT onclick=radioClick() type=radio value='<%# DataBinder.Eval(Container.DataItem,

"ViewId")%>' name=RadioName>
其中onclick=radioClick()为单击事件设置, value = '<%# DataBinder.Eval(Container.DataItem,

"ViewId")%>',就是把DATAGRID中的主键字段的值赋给单选按钮。
7、 获取被选记录关键字值方法如下:
string strViewId =(string) rd.Value;  //获取被选记录关键字值。
   if (strViewId.Trim().Length == 0)
   {
    lblMsg2.Text = "没有选择记录,请选择一个有效的界面记录!";
    return ;
   }
   lblMsg2.Text = "";
   Session.Add("ViewId",strViewId);
   Response.Redirect("wfmViewOptSteps_QUDI.aspx");

 

在DataGrid中使用单选框

 在DataGrid中使用单选框 其实现步骤如下 1.              在DataGrid中添加一列模板列,在模板列中加入单选框,但是不能用RadioButton,这样就不能达到效果,其HT...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2007年05月14日 16:28
  • 1609

EasyUI——DataGrid中嵌入Radio

前一篇博客写到项目中的广告位管理,当时没有写到今天的问题,这个问题当时也是困扰我好久。经过自己的努力和同志们的帮助,最后终于解决。 实现要求把所有的广告位后面的单选按钮设成一组,目的是一个广告位只能显...
  • u010926964
  • u010926964
  • 2015年07月20日 10:45
  • 5047

ASP.NET中为DataGrid添加单选框

 使用DataGrid控件添加单选框时,如果直接在模板中加入RadioButton服务器控件,由于.Net的机制,无法将这些RadioButton在客户端出现在同一个组里面。这时我们可以使用Radio...
  • fengfangfang
  • fengfangfang
  • 2006年08月23日 14:11
  • 1938

为DataGrid列添加Radio(单选框)列

经常看到论坛上有人问在DataGrid中如何实现单选,下面就是一种实现的方法。查看例子 DataTable Cart; DataView CartView; ICollection CreateDat...
  • luoboqingcai
  • luoboqingcai
  • 2004年09月25日 18:16
  • 530

DataGrid中添加CheckBox

在DataGrid中要实现确认功能最初的设想是:在每行前面加一个CheckBox,以实现当点击CheckBox时,立即触发事件(如:on click="Chk_Click()"),获取当前行的id和C...
  • mike1983
  • mike1983
  • 2006年03月22日 10:53
  • 1441

easyui datagrid自定义按钮列,即最后面的操作列

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jquery easyUI 1.3.2 这里我的实现方式是采用HTML形式...
  • thc1987
  • thc1987
  • 2013年12月13日 17:43
  • 86698

android学习笔记之弹出单选框

JAVA代码: package com.meiguihuayu; import android.app.Activity; import android.app.AlertDialo...
  • zhangzhikaixinya
  • zhangzhikaixinya
  • 2013年04月22日 12:15
  • 4962

datagrid中添加下拉框combobox

js:function initDataEditDg() { var _KKXMItems = [{ "FYLXID": 0, "FYLXMC": "现金" }, { ...
  • zhang_kang_user
  • zhang_kang_user
  • 2017年11月01日 10:19
  • 171

HTML:使用单选框、复选框,让用户选择

语法: 1、type:    当type="radio"时,控件为单选框    当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用)...
  • u012110719
  • u012110719
  • 2014年11月09日 14:00
  • 3693

在DataGrid中使用下拉列表ComboBox控件

在使用Microsoft.Net Framework环境下编写数据库方面的软件时,经常要用到DataGrid数据显示控件,但同时也发现,DataGrid提供的网格显示中,只有两种:一种是普通的Text...
  • chenguang79
  • chenguang79
  • 2006年03月24日 10:55
  • 2265
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DATAGRID中添加单选框的操作步骤
举报原因:
原因补充:

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