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

原创 2004年10月11日 11:07: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
  • 5042

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

在DataGrid中添加Radio(单选按钮)列 查看例子 DataTable Cart; DataView CartView; ICollection CreateDataSource()  {  ...
  • xuandme000
  • xuandme000
  • 2004年09月24日 18:20
  • 775

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

在DataGrid中添加Radio(单选按钮)列 查看例子 DataTable Cart; DataView CartView; ICollection CreateDataSource()  {  ...
  • gmplayer
  • gmplayer
  • 2004年12月01日 10:36
  • 629

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

查看例子  DataTable Cart; DataView CartView; ICollection CreateDataSource()  {  DataTable dt = new Dat...
  • hejishan
  • hejishan
  • 2008年03月11日 12:05
  • 222

EasyUI 之 datagrid 显示单选radio

首先就实现而言分为代码实现、标签和代码实现。      (1)代码实现 具体参考 http://blog.csdn.net/u010926964/article/details/46965213 感...
  • zhchyun2008
  • zhchyun2008
  • 2016年11月17日 10:47
  • 1862

JqGrid 添加单选列

1.效果 2.
  • xuanwuziyou
  • xuanwuziyou
  • 2014年06月25日 14:50
  • 2794

在DataGrid中添加Radio实现单选

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

Extjs GridPanel 添加使用单选按钮radio

columns[ { text : "表决意见", width : 160, flex:1, ...
  • a282919088
  • a282919088
  • 2015年11月13日 15:50
  • 2231

ALV GRID中实现RadioButton单选按钮

ALV GRID中实现Checkbox复选框很简单,只需要将LVC_S_FCAT-CHECKBOX = 'X'即可,那么alv中radio Button单选怎么实现呢? 1、程序代码 ...
  • zhongguomao
  • zhongguomao
  • 2017年08月25日 09:05
  • 382

React-Native自定义单选radio

项目上需要实现如下的效果,两个方式只能选择一种,选中一个另一个取消选中 然后翻了下RN的组件,并没有这个;最后只得自己写,先上最终效果图 好...
  • sinat_17775997
  • sinat_17775997
  • 2017年06月18日 22:26
  • 1791
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在DataGrid中添加Radio(单选按钮)列
举报原因:
原因补充:

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