查看例子
<%@ 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,并提供相关的实现策略。 ...
确保每个RadioButton的GroupName属性相同,这样它们才能形成一组单选按钮。 ```xml 选择"> ``` 2. **事件处理**:为GridView的`SelectedIndexChanged`事件添加处理程序,当用户选择一行时,取消其他行...
在这个“radio的应用ver_radio_datagrid”项目中,我们可以推测其核心是将单选按钮的功能与数据网格控件相结合,提供一种用户在多行数据中选择某一行或某一列特定值的方式。在C#和.NET环境下,开发人员经常使用ASP...
在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...
在使用Flex 4技术开发...总结来说,本节内容提供了一种在Flex4 DataGrid中嵌入RadioButton的方法,通过具体的实现代码和详细的说明,帮助开发者理解并掌握如何在数据表格中加入单选按钮,以便完成特定的用户交互功能。
总的来说,通过创建自定义的ItemRenderer并在其中添加RadioButton,我们可以实现在Flex4 DataGrid中嵌入单选按钮的功能,使用户能够方便地选择一行数据。同时,需要注意的是,必须正确处理RadioButton的状态同步和...
1. **基本组件应用**:如按钮(button)、复选框(checkbox)、单选按钮(radio)等基础元素的使用。 2. **表格操作**:展示如何创建数据表格,包括分页、排序、过滤等功能。 3. **对话框(dialog)**:演示如何...
2. **表单元素**:包括输入框(Input)、复选框(Checkbox)、单选按钮(Radio)、下拉框(ComboBox)、日期选择器(DateBox)等,为用户交互提供便利。 3. **数据网格**(DataGrid):支持分页、排序、过滤、编辑...
在给定的资源中,“WPF各种控件的样式大全”涵盖了12种常见的WPF控件,包括Button和DataGrid等。让我们详细探讨这些控件及其样式设置。 1. **Button**: Button是最基本的交互控件,用于触发一个动作。在WPF中,你...
3. **表单组件**:提供了诸如输入框(input)、下拉选择(select)、复选框(checkbox)、单选按钮(radio)等,支持验证功能,确保用户输入的数据有效。 4. **菜单和导航**:包括菜单(menu)、工具栏(toolbar)...
1. **基本组件**:包括按钮(button)、复选框(checkbox)、单选按钮(radio)、链接按钮(linkbutton)、面板(panel)、窗口(window)、对话框(dialog)等。这些组件的用法、属性、事件和方法都详尽阐述,使...
2. **表单组件**:包括输入框(input)、下拉框(combobox)、复选框(checkbox)、单选按钮(radio)等,便于用户输入和选择数据。这些组件支持数据绑定,可以与后台模型进行交互。 3. **数据展示组件**:如表格...
4. **表单(Form)**:EasyUI 提供了丰富的表单元素,如文本框(textbox)、复选框(checkbox)、单选按钮(radio)等,这些元素可以方便地与后台数据绑定,实现数据验证和提交。 5. **主题风格**:EasyUI 提供了...
- **表单组件(Form Elements)**:如输入框(Input)、下拉框(Select)、复选框(Checkbox)、单选按钮(Radio)等,支持数据绑定和验证。 - **数据网格(DataGrid)**:用于展示和操作表格数据,支持排序、分页...
- 表单处理:表单组件如复选框(checkbox)、单选按钮(radio)、下拉列表(combobox)等,简化表单元素的创建和验证。 - 导航:菜单(menu)、导航条(navbar)、树形结构(tree)等,帮助用户在应用中导航。 - ...
ToggleButton是一个可切换状态的按钮,它可以被选中或取消选中,常用于实现开关或选项功能,比如复选框和单选按钮。 五、ScrollViewer 控件 ScrollViewer提供了一个可滚动的区域,如果内容超过其可视区域,可以显示...
2. **表单组件**:包括输入框(input)、复选框(checkbox)、单选按钮(radio)、下拉框(combobox)、日期选择器(datebox)等。这些组件在数据输入和展示中扮演重要角色,API文档会详细介绍如何设置和获取数据。 ...
- **Checkbox(复选框)**和**Radio(单选按钮)**:用于多选和单选,可以组织成组。 4. **导航组件**: - **Tabs(标签页)**:用于切换多个内容区域,支持添加、删除和关闭标签页。 - **Accordion(手风琴)**...
4. 表单(form):jQuery EasyUI 提供了各种表单元素,如输入框(input)、复选框(checkbox)、单选按钮(radio)等,可以方便地与后台进行数据交互,实现表单验证和提交。 5. 树形结构(tree):tree 组件用于...