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

转载 2006年06月11日 15:39: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>

 

JqGrid 添加单选列

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

datagrid动态加载列(续)

之前有一篇博客写到了如何动态加载datagrid的列,上次只是介绍如何动态动态表头,并没有将数据添加到datagrid中,本次主要来说如何将数据库中的数据,动态添加到每一列中。      先说一下为...
  • u013038643
  • u013038643
  • 2016年04月24日 17:25
  • 1379

【datagrid】动态加载列

之前我们的项目在前台显示只需要把数据从数据库读出来进行显示就可以,datagrid的表头字段都是写死的,把数据往表里一扔,就基本没什么事儿了,结果客户前几天要求,其中一个字段不能是死的,应该是有多少项...
  • u013036688
  • u013036688
  • 2016年01月03日 16:32
  • 3174

easyUI datagrid自定义添加列 (点击事件)

有列表 想添加一个操作列  类似删除之类的   ...
  • nnn_net
  • nnn_net
  • 2016年07月13日 15:42
  • 9812

wpf之datagrid 序号列

方法一:在datagrid最前面添加序列号 窗体加载时: private void MdiChild_Loaded(object sender, RoutedEventArgs e) ...
  • u010121883
  • u010121883
  • 2015年10月31日 22:01
  • 2698

easyUI——DataGrid自定义操作列

项目中遇到一个问题:在easyUI的datagrid中增加一列为操作列。官网的demo中没有给出具体的解决问题的方法。解决的思路就是利用单元格的属性formatter中添加内容。...
  • suneqing
  • suneqing
  • 2015年01月31日 15:54
  • 5036

基于Eht 开发框架 DataGrid 列分组,翻页,添加代码、列拖拽及DataPickter的实现

DataGrid 众所周知,是一个可以固定头,进行列拖拽及列大小拖拽的一个Table数据组件,本次介绍下EHT 开发框架中的 DataGrid 的 列分组翻页、列拖拽及DataPicker添加到Dat...
  • welletboy
  • welletboy
  • 2013年01月17日 08:07
  • 315

easyUI datagrid 表格 表头添加菜单,实现可选列。

拿其他人的code,稍微改进了下,shi'x
  • leijuly
  • leijuly
  • 2014年05月16日 15:35
  • 6870

easyui之datagrid动态修改列

var options={}; options.columns = eval(s); $('#tt').datagrid(options); $('#tt').datagrid('options'...
  • printxfh
  • printxfh
  • 2017年06月02日 10:53
  • 1392

Easyui DataGrid动态生成列

 一、DataGrid基本定义 1、HTML Page [html] view plaincopyprint? body>       table id="myList...
  • liuchuan__________
  • liuchuan__________
  • 2015年09月17日 17:14
  • 9015
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为DataGrid列添加Radio(单选框)列
举报原因:
原因补充:

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