`
mywebcode
  • 浏览: 1015701 次
文章分类
社区版块
存档分类
最新评论

gridview中实现radiobutton的单选

 
阅读更多
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"/>


分享到:
评论

相关推荐

    GridView实现RadioButton单选效果

    默认情况下,RadioButton是单行显示的,但为了在GridView中实现分行单选,我们需要将RadioButton放入一个LinearLayout或者其他可以控制布局方向的容器中。 实现步骤如下: 1. **创建布局文件**:为每个GridView的...

    gridview中实现radiobutton的单选示例

    在本示例中,我们探讨如何在GridView中实现RadioButton的单选功能,以便用户只能选择一行数据。 首先,我们需要在GridView的列定义中包含一个RadioButton。在ASP.NET代码中,我们可以创建一个TemplateField,并在...

    asp.net GridView中使用RadioButton单选按钮的方法

    本文实例讲述了asp.net GridView中使用RadioButton单选按钮的方法。分享给大家供大家参考,具体如下: 在GridView里做单选按钮,我用了三种方法 第一种方法:在GridView的模版列里加服务器端控件RadioButton,使用js...

    listview 里面加radiobutton 单选操作

    实现RadioButton单选的操作方式与ListView基本相同,主要区别在于GridView的布局管理和布局参数。在GridView中,每一项也是由一个单独的布局文件定义,同样需要自定义Adapter并处理RadioButton的选中状态。 综上所...

    ASP.NET GridView中加入RadioButton不能单选的解决方案

    主要介绍了ASP.NET GridView中加入RadioButton不能单选的解决方案,希望大家阅读完本文有所收获。

    在GridView中实现单选或多选功能

    这篇博客“在GridView中实现单选或多选功能”主要讲解了如何在GridView中添加单选和多选功能,这对于提升用户体验和增加应用交互性至关重要。 1. GridView基础: GridView继承自AbsListView,通过Adapter来填充...

    嵌套的在GridView里的radiobutton 怎么才能只选中一个_asp_net(c#)

    嵌套的在GridView里的radiobutton 怎么才能只选中一个_asp_net(c#)

    android GridView多选单选

    以下是一个简单的示例,展示了如何在GridView中实现多选和单选: ```java public class MyAdapter extends BaseAdapter { private List&lt;ItemData&gt; dataList; private SparseBooleanArray selectedItems; public...

    Android三级目录、ListView单选/GridView单选、ListView多选/GridView多选

    本篇文章将深入探讨如何在Android中实现ListView和GridView的单选与多选功能,并涉及背景和字体颜色的变化。 首先,让我们了解这两个控件的基本概念。ListView是一个垂直滚动的列表视图,每个列表项可以通过Adapter...

    GridView 单选和全选功能以及全选操作和取消全选

    在很多场景下,我们可能需要为GridView添加单选、多选以及全选和取消全选的功能,比如在图片选择器或者列表设置中。下面我们将详细探讨如何实现这些功能。 1. **GridView的基本使用** GridView继承自AbsListView,...

    在ASP.NET 2.0中操作数据之四十九:为GridView控件添加RadioButton

    通过以上步骤,我们可以在GridView中添加RadioButton列,实现单选功能。在接下来的教程中,将会介绍如何添加Checkbox列,允许用户选择多个记录,类似于电子邮件应用中的多选操作。通过这些自定义扩展,我们可以...

    Android利用GridView实现单选效果

    由于Android提供的单选按钮radiobutton只能单行或单列显示,且样式并不美观,故可用GridView进行改造,实现单选效果,而要实现这样的效果重点就在GridView的适配器这块了。 首先是GridView的item的XML: &lt;...

    Devexpress 添加单选框

    在本文中,我们将详细探讨如何在DevExpress的GridView中实现这样的单选框效果。 首先,我们需要了解DevExpress GridView的基本特性。GridView控件是DevExpress为.NET Framework提供的一个强大的数据网格组件,它...

    vs2005 模态对话框 带单选的gridview

    2. **带单选按钮的GridView**:在GridView中集成单选按钮可以实现用户只能选择一行数据的功能。这通常通过在GridView的每一行中添加一个RadioButton控件来实现。在RowDataBound事件中,我们可以设置每个RadioButton...

    GridView单选按钮

    这个教程主要关注如何在GridView中实现单选按钮(RadioButton)的功能,同时实现类似APP充值界面的效果,包括启动时默认选中、自定义背景、边框、字体和颜色的改变,以及添加单击监听事件。 首先,我们需要在...

    Android 表格布局的RadioButton

    通过RadioButton与GridView,实现了单选按钮成表格布局,同时具备单选效果的功能。实现效果见http://blog.csdn.net/ddxxll2008/article/details/49421129

Global site tag (gtag.js) - Google Analytics