`
java2000.net
  • 浏览: 660479 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

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

阅读更多

查看例子

<%@ 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嵌入radiobutton

    然而,有时我们可能需要在DataGrid中添加更丰富的交互元素,例如单选按钮(RadioButton),以实现特定的功能,如用户选择一个唯一选项。本文将深入探讨如何在DataGrid中嵌入RadioButton,并提供相关的实现策略。 ...

    Devexpress 添加单选框

    确保每个RadioButton的GroupName属性相同,这样它们才能形成一组单选按钮。 ```xml 选择"&gt; ``` 2. **事件处理**:为GridView的`SelectedIndexChanged`事件添加处理程序,当用户选择一行时,取消其他行...

    radio的应用ver_radio_datagrid

    在这个“radio的应用ver_radio_datagrid”项目中,我们可以推测其核心是将单选按钮的功能与数据网格控件相结合,提供一种用户在多行数据中选择某一行或某一列特定值的方式。在C#和.NET环境下,开发人员经常使用ASP...

    9款表单复选框(Checkbox)与单选按钮美化

    在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...

    Flex4 DataGrid中嵌入RadioButton实现思路及代码

    在使用Flex 4技术开发...总结来说,本节内容提供了一种在Flex4 DataGrid中嵌入RadioButton的方法,通过具体的实现代码和详细的说明,帮助开发者理解并掌握如何在数据表格中加入单选按钮,以便完成特定的用户交互功能。

    Flex4 DataGrid中如何嵌入RadioButton

    总的来说,通过创建自定义的ItemRenderer并在其中添加RadioButton,我们可以实现在Flex4 DataGrid中嵌入单选按钮的功能,使用户能够方便地选择一行数据。同时,需要注意的是,必须正确处理RadioButton的状态同步和...

    dome类代码

    1. **基本组件应用**:如按钮(button)、复选框(checkbox)、单选按钮(radio)等基础元素的使用。 2. **表格操作**:展示如何创建数据表格,包括分页、排序、过滤等功能。 3. **对话框(dialog)**:演示如何...

    easyUI1.3.6及中文参考手册 api

    2. **表单元素**:包括输入框(Input)、复选框(Checkbox)、单选按钮(Radio)、下拉框(ComboBox)、日期选择器(DateBox)等,为用户交互提供便利。 3. **数据网格**(DataGrid):支持分页、排序、过滤、编辑...

    WPF各种控件样式大全

    在给定的资源中,“WPF各种控件的样式大全”涵盖了12种常见的WPF控件,包括Button和DataGrid等。让我们详细探讨这些控件及其样式设置。 1. **Button**: Button是最基本的交互控件,用于触发一个动作。在WPF中,你...

    EasyUI+1.3中文帮助手册

    3. **表单组件**:提供了诸如输入框(input)、下拉选择(select)、复选框(checkbox)、单选按钮(radio)等,支持验证功能,确保用户输入的数据有效。 4. **菜单和导航**:包括菜单(menu)、工具栏(toolbar)...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    1. **基本组件**:包括按钮(button)、复选框(checkbox)、单选按钮(radio)、链接按钮(linkbutton)、面板(panel)、窗口(window)、对话框(dialog)等。这些组件的用法、属性、事件和方法都详尽阐述,使...

    easyui中文API+解释说明

    2. **表单组件**:包括输入框(input)、下拉框(combobox)、复选框(checkbox)、单选按钮(radio)等,便于用户输入和选择数据。这些组件支持数据绑定,可以与后台模型进行交互。 3. **数据展示组件**:如表格...

    easyui案例

    4. **表单(Form)**:EasyUI 提供了丰富的表单元素,如文本框(textbox)、复选框(checkbox)、单选按钮(radio)等,这些元素可以方便地与后台数据绑定,实现数据验证和提交。 5. **主题风格**:EasyUI 提供了...

    easyui1.2控件

    - **表单组件(Form Elements)**:如输入框(Input)、下拉框(Select)、复选框(Checkbox)、单选按钮(Radio)等,支持数据绑定和验证。 - **数据网格(DataGrid)**:用于展示和操作表格数据,支持排序、分页...

    jquery-easyui-1.3.4.rar

    - 表单处理:表单组件如复选框(checkbox)、单选按钮(radio)、下拉列表(combobox)等,简化表单元素的创建和验证。 - 导航:菜单(menu)、导航条(navbar)、树形结构(tree)等,帮助用户在应用中导航。 - ...

    Silverlight基本控件介绍.doc

    ToggleButton是一个可切换状态的按钮,它可以被选中或取消选中,常用于实现开关或选项功能,比如复选框和单选按钮。 五、ScrollViewer 控件 ScrollViewer提供了一个可滚动的区域,如果内容超过其可视区域,可以显示...

    EasyUI API中文版

    2. **表单组件**:包括输入框(input)、复选框(checkbox)、单选按钮(radio)、下拉框(combobox)、日期选择器(datebox)等。这些组件在数据输入和展示中扮演重要角色,API文档会详细介绍如何设置和获取数据。 ...

    jQuery EasyUI 1.4.5 版 API 中文版

    - **Checkbox(复选框)**和**Radio(单选按钮)**:用于多选和单选,可以组织成组。 4. **导航组件**: - **Tabs(标签页)**:用于切换多个内容区域,支持添加、删除和关闭标签页。 - **Accordion(手风琴)**...

    jQuery-Easyui完整示例demo

    4. 表单(form):jQuery EasyUI 提供了各种表单元素,如输入框(input)、复选框(checkbox)、单选按钮(radio)等,可以方便地与后台进行数据交互,实现表单验证和提交。 5. 树形结构(tree):tree 组件用于...

Global site tag (gtag.js) - Google Analytics