在DataGrid中添加Radio(单选按钮)列

原创 2004年07月17日 13:56:00

查看例子

<%@ Page Language="C#" AutoEventWireup="True" EnableViewState = "true"%>
<%@ Import Namespace="System.Data" %>
<html>
<script runat="server">
 DataTable Cart;
 DataView CartView;
 ICollection CreateDataSource()
 {
  DataTable dt = new DataTable();
  DataRow dr;
  
  dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
  dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
  dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));
  
  for (int i = 0; i < 101; i++)
  {
   dr = dt.NewRow();  
   dr[0] = i;
   dr[1] = "Item " + i.ToString();
   dr[2] = 1.23 * (i+1);
   dt.Rows.Add(dr);
  }
  
  DataView dv = new DataView(dt);
  return dv;
  }

  void Page_Load(Object sender, EventArgs e)
  {
   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);
     if (!IsPostBack)
     {
        ItemsGrid.DataSource = CreateDataSource();
        ItemsGrid.DataBind();
     }   
  }
  void Grid_Change(Object sender, DataGridPageChangedEventArgs e)
  {
     ItemsGrid.CurrentPageIndex = e.NewPageIndex;
     ItemsGrid.DataSource = CreateDataSource();
     ItemsGrid.DataBind();
  }
  void btnClick(Object sender, EventArgs e)
  {
   if(Request.Form["RadioName"] != null)
   {
   rd.Value = Request.Form["RadioName"].ToString();
    Label1.Text = "您所选择的是:<font color=red>" + Request.Form["RadioName"].ToString() +"</font>";
    }
  }
 
</script>
<body>
<form runat="server" id=MM>
<input type="hidden" id=rd runat=server/>
<asp:DataGrid id="ItemsGrid" runat="server"
   BorderColor="black"  BorderWidth="1"
   CellPadding="3"  AllowPaging="true"
   AutoGenerateColumns="false"       
   OnPageIndexChanged="Grid_Change">
 <HeaderStyle BackColor="#00aaaa"></HeaderStyle>
 <PagerStyle Mode="NumericPages"></PagerStyle>

 <Columns>
 <asp:TemplateColumn>
  <ItemTemplate>
   <input type=radio name="RadioName" value='<%# DataBinder.Eval(Container.DataItem, "IntegerValue")%>'/>
  </ItemTemplate>
 </asp:TemplateColumn> 
 <asp:BoundColumn HeaderText="数字列" DataField="IntegerValue"/> 
 <asp:BoundColumn HeaderText="字符串列" DataField="StringValue"/> 
 <asp:BoundColumn HeaderText="货币列" DataField="CurrencyValue" DataFormatString="{0:c}">
 <ItemStyle HorizontalAlign="right"></ItemStyle> 
 </asp:BoundColumn>
</Columns>
</asp:DataGrid>
<br>
<asp:Button id="Btn" Text="看你选择的" OnClick="btnClick" runat="server"/>
<asp:Label id="Label1" Text="" runat="server"/>
</form>
</body>
</html>

EasyUI——DataGrid中嵌入Radio

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

利用radio实现Datagrid的单选

          在datagrid中,我们可能会需要实现这种功能——列的单选,本身datagrid提供了select命令可以实现这种功能。另为也可以利用HTML 控件中的radiobutton来实...
  • guoyan19811021
  • guoyan19811021
  • 2004年02月12日 14:23
  • 1983

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

经常看到论坛上有人问在DataGrid中如何实现单选,下面就是一种实现的方法。查看例子<%@ Page Language="C#" AutoEventWireup="...
  • doublewang
  • doublewang
  • 2006年04月21日 11:06
  • 835

在DataGrid中添加Radio实现单选

[b]-------------------------------------aspx页面中关键代码:[/b]   [b][/b]......其他数据绑定在页面的合适位置加入下面的代码。以看到执行效...
  • PPLUNCLE
  • PPLUNCLE
  • 2004年12月18日 13:55
  • 1462

CRM的dev(七)--为easyUI的datagrid每行增加一个单选按钮

EasyUI的datagrid为每行增加单选按钮: Js中的Columns直接增加一个字段: 代码如下:{field: 'IsEnable', title: '选择', width: 60, al...
  • tom_code
  • tom_code
  • 2017年07月31日 23:26
  • 767

datagrid中实现单选

@ Page language="c#" Codebehind="DataGrid加单选框.aspx.cs" AutoEventWireup="false" Inherits="bsTest2005_...
  • szp1118
  • szp1118
  • 2006年11月15日 14:12
  • 676

DataGrid中的全选和单选的功能

在WPF中DataGrid和CheckBox的联合使用是非常常见的,但是在DataGrid中怎 么实现全选和部分选择的功能并没有现成的控件去使用。要想实现该功能,必须人工通 过代码来完成。关于实现...
  • u010375663
  • u010375663
  • 2015年11月28日 10:20
  • 2088

在DataGrid中使用单选框

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

如何实现dorado的datatable整列单选效果

 前不久habody问了我一个问题,就是如何实现以下的功能:一整列只能选择某一行记录,我个人认为用dorado以后,可以不用这样子的功能,因为datatable点击本来就是选择某一行.不过说归说,实现...
  • bacel5902
  • bacel5902
  • 2009年08月12日 09:08
  • 2171

easyui datagrid 单选框 效果

columns: [[{             field: 'oid',             title: '选择',             width: 20,          ...
  • fengxing_2
  • fengxing_2
  • 2013年04月26日 19:51
  • 28636
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在DataGrid中添加Radio(单选按钮)列
举报原因:
原因补充:

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