c# 代码
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
RadioButton rb = (RadioButton)e.Row.FindControl("rbtSelect");
if (rb != null)
rb.Attributes.Add("onclick", "onClientClick('" + rb.ClientID + "','" + e.Row.RowIndex + "')"); //把选中行的RowIndex也传过去,提交后在服务器端取值时用
}
}
javascript代码
<script type="text/javascript">
function onClientClick(selectedId, rowIndex)
{
//用隐藏控件记录下选中的行号
var hidden = document.getElementById("Hidden1").value=rowIndex;
var inputs = document.getElementById("<%=GridView1.ClientID%>").getElementsByTagName("input");
for(var i=0; i <inputs.length; i++)
{
if(inputs[i].type=="radio")
{
if(inputs[i].id==selectedId)
inputs[i].checked = true;
else
inputs[i].checked = false;
}
}
}
</script>
hmtl代码:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
Width="648px" Font-Size="9pt" onrowcommand="GridView1_RowCommand"
DataKeyNames="id" onrowdatabound="GridView1_RowDataBound">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:RadioButton ID="rbtSelect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="文件名">
<ItemTemplate>
<asp:LinkButton runat="server" ID="lbtDirName" CommandName="Change" CommandArgument='<%#Container.DataItemIndex %>'>
<%#Eval("AA") %>
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="BB" HeaderText="字段1" />
<asp:BoundField DataField="CC" HeaderText="字段2" />
<asp:BoundField DataField="DD" HeaderText="字段3" />
<asp:BoundField DataField="EE" HeaderText="字段4" />
</Columns>
</asp:GridView>
<input id="Hidden1" type="hidden" runat="server"/>
分享到:
相关推荐
默认情况下,RadioButton是单行显示的,但为了在GridView中实现分行单选,我们需要将RadioButton放入一个LinearLayout或者其他可以控制布局方向的容器中。 实现步骤如下: 1. **创建布局文件**:为每个GridView的...
在本示例中,我们探讨如何在GridView中实现RadioButton的单选功能,以便用户只能选择一行数据。 首先,我们需要在GridView的列定义中包含一个RadioButton。在ASP.NET代码中,我们可以创建一个TemplateField,并在...
本文实例讲述了asp.net GridView中使用RadioButton单选按钮的方法。分享给大家供大家参考,具体如下: 在GridView里做单选按钮,我用了三种方法 第一种方法:在GridView的模版列里加服务器端控件RadioButton,使用js...
但在默认情况下,当RadioButton作为GridView的模板字段中的控件时,它们无法实现单选的效果,因为每行的RadioButton的name属性会被自动赋予不同的值,从而每个RadioButton都属于不同的名称组,导致无法实现单选的...
实现RadioButton单选的操作方式与ListView基本相同,主要区别在于GridView的布局管理和布局参数。在GridView中,每一项也是由一个单独的布局文件定义,同样需要自定义Adapter并处理RadioButton的选中状态。 综上所...
### Repeater实现RadioButton单选功能 在Web开发中,经常需要实现一组单选按钮(`RadioButton`)的功能,使得用户只能选择一个选项。通常我们会在HTML表单中使用多个`RadioButton`并设置相同的`name`属性来实现这个...
本文介绍了如何在ASP.NET(C#)项目中实现GridView内的RadioButton只能选择一个的功能。通过结合JavaScript和C#代码,我们能够有效地控制RadioButton的行为,使得最终用户体验更加友好。希望本文能够帮助开发者们更好...
这篇博客“在GridView中实现单选或多选功能”主要讲解了如何在GridView中添加单选和多选功能,这对于提升用户体验和增加应用交互性至关重要。 1. GridView基础: GridView继承自AbsListView,通过Adapter来填充...
以下是一个简单的示例,展示了如何在GridView中实现多选和单选: ```java public class MyAdapter extends BaseAdapter { private List<ItemData> dataList; private SparseBooleanArray selectedItems; public...
在很多场景下,我们可能需要为GridView添加单选、多选以及全选和取消全选的功能,比如在图片选择器或者列表设置中。下面我们将详细探讨如何实现这些功能。 1. **GridView的基本使用** GridView继承自AbsListView,...
本篇文章将深入探讨如何在Android中实现ListView和GridView的单选与多选功能,并涉及背景和字体颜色的变化。 首先,让我们了解这两个控件的基本概念。ListView是一个垂直滚动的列表视图,每个列表项可以通过Adapter...
在本文中,我们将详细探讨如何在DevExpress的GridView中实现这样的单选框效果。 首先,我们需要了解DevExpress GridView的基本特性。GridView控件是DevExpress为.NET Framework提供的一个强大的数据网格组件,它...
通过以上步骤,我们可以在GridView中添加RadioButton列,实现单选功能。在接下来的教程中,将会介绍如何添加Checkbox列,允许用户选择多个记录,类似于电子邮件应用中的多选操作。通过这些自定义扩展,我们可以...
由于Android提供的单选按钮radiobutton只能单行或单列显示,且样式并不美观,故可用GridView进行改造,实现单选效果,而要实现这样的效果重点就在GridView的适配器这块了。 首先是GridView的item的XML: <...
2. **带单选按钮的GridView**:在GridView中集成单选按钮可以实现用户只能选择一行数据的功能。这通常通过在GridView的每一行中添加一个RadioButton控件来实现。在RowDataBound事件中,我们可以设置每个RadioButton...
这个教程主要关注如何在GridView中实现单选按钮(RadioButton)的功能,同时实现类似APP充值界面的效果,包括启动时默认选中、自定义背景、边框、字体和颜色的改变,以及添加单击监听事件。 首先,我们需要在...