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

原创 2007年09月24日 12:10:00
 

经常看到论坛上有人问在DataGrid中如何实现单选,下面就是一种实现的方法。

查看例子

<%@ 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>

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

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

EasyUI——DataGrid中嵌入Radio

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

在DataGrid中添加Radio实现单选

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

Easyui - datagrid 列编辑

转载链接:http://www.cnblogs.com/kexb/p/3685913.html 做个记录,方便以后使用,直接copy代码的前提是你要有对应的数据哦 要注意的几个数据:表的i...
  • yangligao_
  • yangligao_
  • 2015年08月12日 17:37
  • 1775

WPF DataGrid之自动创建列

1  前台代码             2 后台代码             clsPerson person1=new clsPerson ();             clsPerso...
  • czf2505
  • czf2505
  • 2013年11月29日 00:11
  • 1736

Extjs GridPanel 添加使用单选按钮radio

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

datagrid 动态添加列

在上次给出了动态模板列的一个例子,网友问我更新操作和分页怎么做,下面给出代码。 前台:     WebForm30                                后台: usi...
  • Titan_koa
  • Titan_koa
  • 2007年02月16日 02:20
  • 4872

easyui dataGrid 动态添加列

其实很简单. 新手创作,不好勿喷. jsp页面: $(function () { $.getJSON('${pageContext.request.contextPa...
  • jumtre
  • jumtre
  • 2014年11月04日 16:33
  • 23638

JqGrid 添加单选列

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

Flex中DataGrid动态增加列

方法一:            
  • ystyaoshengting
  • ystyaoshengting
  • 2010年09月17日 17:10
  • 3090
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为DataGrid列添加Radio(单选框)列
举报原因:
原因补充:

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