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");

 

相关文章推荐

treeview关于单选框的操作[推荐]

  • 2009年02月11日 15:00
  • 39KB
  • 下载

Form表单之radio单选框操作

input单选框,name相同的单选项为同一单选组: 1.选中某值的项: input单选1组: radio单选项1 radio单选项2 $("input:radio[name='radio1'][va...

Jquery操作改变单选框radio选中状态

前端开发中经常使用到单选框(radio)与多选框(checkbox)组件,需要对组件的状态进行设置和读取,下面看一段网上流行的操作代码: class="cb-container"> input ty...

Jquery操作单选框选中状态

前端开发中经常使用到单选框(radio)与多选框(checkbox)组件,需要对组件的状态进行设置和读取,下面看一段网上流行的操作代码: class="cb-container"> input typ...

利用原生js和jQuery实现单选框的勾选和取消操作

根据一下的Demo,大概就可以看的明白 Demo: window.onload = function(){ var dom_a = document.getElemen...

JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript。单选框:实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示。 再通过选项的选择-(每个...

android定制化软件修改或添加按键驱动的核心操作步骤讲解

转自:http://blog.csdn.net/acm2008/article/details/7065546 最近在Amlogic方案的定制化android软件上,做了添加按键的驱动工作,也熟...

android定制化软件修改或添加按键驱动的核心操作步骤讲解

最近在Amlogic方案的定制化android软件上,做了添加按键的驱动工作,也熟悉了按键的基本流程,现在把核心步骤给总结如下:    1.基本流程:     ./表示android源代码目录,按键属...
  • acm2008
  • acm2008
  • 2011年12月13日 17:22
  • 4322

android定制化软件修改或添加按键驱动的核心操作步骤讲解

转自:http://blog.csdn.net/acm2008/article/details/7065546 最近在Amlogic方案的定制化android软件上,做了添加按键的驱动工作,也熟...

JQuery对单选框,复选框,下拉菜单的操作

近段时间在学习JQuery,作为笔记,写点东西,废话不多说了,下面是jsp,js,css代码,注释里写的已经很清楚了,不需要额外的再说了   JSP  String path = req...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DATAGRID中添加单选框的操作步骤
举报原因:
原因补充:

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