gridview实现单选

最新推荐文章于 2017-02-03 14:32:08 发布
最新推荐文章于 2017-02-03 14:32:08 发布
阅读量2.5k 收藏
点赞数
分类专栏： DataGrid专栏 文章标签： resources server webcontrols textbox input stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxp916/article/details/600939
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Master_Client_Title_Search.aspx.cs" Inherits="Master_Client_Title_Search" UICulture="auto" Culture="auto" Title="<%$ Resources:CtrResource, Title %>" %>

<%@ Register Assembly="WebControls" Namespace="GIS.WebControls" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Title</title>
    <link href="../../../../CSS/MM_Content.css" rel="stylesheet" type="text/css" />

    <script src="../../../../JS/Common.js" type="text/javascript"></script>

    <script language="javascript">
        var retValue = "<% = retValue %>";
        //window.onload = SetRadioName;
        function SetRadioName()
        {  
            var radioCount = document.getElementById("GridView1").all.tags("input").length;

            for (var i = 0; i< radioCount;i++)
            {
                if(document.getElementById("GridView1").all.tags("input")[i].type == "radio" && document.getElementById("txtSelect").value == document.getElementById("GridView1").all.tags("input")[i].value)
                {
                    document.getElementById("GridView1").all.tags("input")[i].checked = true;
                }
            }
        }
        function SetRadio(obj)
        {
            document.getElementById("txtSelect").value = obj.value+ "|" + obj.uid;
           
        }
        function btnCancel_Click()
        {
            window.close();
            return false; 
        }        
    </script>

    <base target="_self"></base>
</head>
<body topmargin="0" leftmargin="0">
    <form id="form1" runat="server">
        <div class="wrapper">
            <div class="content">
                <div class="text">
                    <div class="gridview">
                        <div id="tablea" class="container" style="height: 85%; width: 98.5%;">
                            <asp:GridView ID="GridView1" runat="server" GridLines="Horizontal" AutoGenerateColumns="False"
                                Width="100%" OnSorting="GridView1_Sorting" OnPageIndexChanging="GridView1_PageIndexChanging">
                                <Columns>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                            <input id="radSelect" name="IsChecked" οnclick="SetRadio(this);" type="radio" uid="<%# DataBinder.Eval(Container.DataItem,"TitleName")%>"
                                                value="<%# DataBinder.Eval(Container.DataItem,"TitleCode")%>" οnlοad="SetRadioName()" />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:BoundField HeaderText="<%$ Resources:CtrResource, TitleCode %>" DataField="TitleCode" />
                                    <asp:BoundField HeaderText="<%$ Resources:CtrResource, TitleName %>" DataField="TitleName" />
                                </Columns>
                                <FooterStyle Font-Bold="True" HorizontalAlign="Right" />
                                <RowStyle CssClass="row" />
                                <PagerStyle HorizontalAlign="Center" />
                                <SelectedRowStyle Font-Bold="True" />
                                <HeaderStyle Font-Bold="True" CssClass="th2" />
                                <AlternatingRowStyle CssClass="rowAlt" />
                            </asp:GridView>
                        </div>
                    </div>
                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                        <tr height="12px">
                            <td colspan="2">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <cc1:GIS_Button ID="btnSelect" runat="server" Text="<%$ Resources:CtrResource, Select %>" OnClick="btnSelect_Click"
                                    Width="80px" CausesValidation="True" CommandArgument="" CommandName="" PostBackUrl="" ValidationGroup="" />
                            </td>
                            <td width="90%">
                                <cc1:GIS_Button ID="btnCancel" runat="server" OnClientClick="return btnCancel_Click();"
                                    Text="<%$ Resources:CtrResource, Cancel %>" Width="80px" CausesValidation="True" CommandArgument="" CommandName="" PostBackUrl="" ValidationGroup="" />
                                <asp:TextBox ID="txtSelect" runat="server" Style="display: none;"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Master_Client_Title_Search.aspx.cs" Inherits="Master_Client_Title_Search" UICulture="auto" Culture="auto" Title="<%$ Resources:CtrResource, Title %>" %>

<%@ Register Assembly="WebControls" Namespace="GIS.WebControls" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Title</title>
    <link href="../../../../CSS/MM_Content.css" rel="stylesheet" type="text/css" />

    <script src="../../../../JS/Common.js" type="text/javascript"></script>

    <script language="javascript">
        var retValue = "<% = retValue %>";
        //window.onload = SetRadioName;
        function SetRadioName()
        {  
            var radioCount = document.getElementById("GridView1").all.tags("input").length;

            for (var i = 0; i< radioCount;i++)
            {
                if(document.getElementById("GridView1").all.tags("input")[i].type == "radio" && document.getElementById("txtSelect").value == document.getElementById("GridView1").all.tags("input")[i].value)
                {
                    document.getElementById("GridView1").all.tags("input")[i].checked = true;
                }
            }
        }
        function SetRadio(obj)
        {
            document.getElementById("txtSelect").value = obj.value+ "|" + obj.uid;
           
        }
        function btnCancel_Click()
        {
            window.close();
            return false; 
        }        
    </script>

    <base target="_self"></base>
</head>
<body topmargin="0" leftmargin="0">
    <form id="form1" runat="server">
        <div class="wrapper">
            <div class="content">
                <div class="text">
                    <div class="gridview">
                        <div id="tablea" class="container" style="height: 85%; width: 98.5%;">
                            <asp:GridView ID="GridView1" runat="server" GridLines="Horizontal" AutoGenerateColumns="False"
                                Width="100%" OnSorting="GridView1_Sorting" OnPageIndexChanging="GridView1_PageIndexChanging">
                                <Columns>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                            <input id="radSelect" name="IsChecked" οnclick="SetRadio(this);" type="radio" uid="<%# DataBinder.Eval(Container.DataItem,"TitleName")%>"
                                                value="<%# DataBinder.Eval(Container.DataItem,"TitleCode")%>" οnlοad="SetRadioName()" />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:BoundField HeaderText="<%$ Resources:CtrResource, TitleCode %>" DataField="TitleCode" />
                                    <asp:BoundField HeaderText="<%$ Resources:CtrResource, TitleName %>" DataField="TitleName" />
                                </Columns>
                                <FooterStyle Font-Bold="True" HorizontalAlign="Right" />
                                <RowStyle CssClass="row" />
                                <PagerStyle HorizontalAlign="Center" />
                                <SelectedRowStyle Font-Bold="True" />
                                <HeaderStyle Font-Bold="True" CssClass="th2" />
                                <AlternatingRowStyle CssClass="rowAlt" />
                            </asp:GridView>
                        </div>
                    </div>
                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                        <tr height="12px">
                            <td colspan="2">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <cc1:GIS_Button ID="btnSelect" runat="server" Text="<%$ Resources:CtrResource, Select %>" OnClick="btnSelect_Click"
                                    Width="80px" CausesValidation="True" CommandArgument="" CommandName="" PostBackUrl="" ValidationGroup="" />
                            </td>
                            <td width="90%">
                                <cc1:GIS_Button ID="btnCancel" runat="server" OnClientClick="return btnCancel_Click();"
                                    Text="<%$ Resources:CtrResource, Cancel %>" Width="80px" CausesValidation="True" CommandArgument="" CommandName="" PostBackUrl="" ValidationGroup="" />
                                <asp:TextBox ID="txtSelect" runat="server" Style="display: none;"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </form>
</body>
</html>

lxp916
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在GridView中实现单选或多选功能
08-06
NULL 博文链接：https://haiyang08101.iteye.com/blog/2085309
Android利用GridView实现单选效果
08-30
【Android 利用 GridView 实现单选效果】 在 Android 开发中，我们有时需要创建一个列表，其中每个项目只能被单选，而不是多选。通常，Android 的 RadioButton 控件用于单选，但它们局限于线性布局（单行或单列）。...
利用GridView实现单选功能
段炼
02-03 7126
先看看效果 如果是你需要的,你可以继续往下看了实现起来比较简单,直接上代码 主Activity的布局,一个Button用来跳转到筛选Activity一个TextView用来显示筛选后的到的结果<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/ap
GridView实现单选(Single Selection)
weixin_33924220的博客
04-26 122
一直很想写一个Gridview内实现单选功能，但是一直没有太多时间，近段时间多个网友问及此功能，只好抽出些少时间来实现，下面为实现过程。 效果如下，把选择的值使用javascript Alert： 数据源，在可用的数据库内创建一个表[Member] 并插入三笔测试记录： View Code SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGO...
GridView 实现单选
07-20 298
GridView实现单选
利用GridView实现单选功能.zip
07-10
这个“利用GridView实现单选功能”的示例项目，主要是为了演示如何在GridView中实现单选（Single Selection）的功能，即用户每次只能选择一个项，类似于单选按钮。在Android的默认情况下，GridView通常支持多选，但...
GridView实现单选效果
InsertCSDN的专栏
06-23 5272
GridView实现单选效果前两天在做项目的时候遇到这么一个问题，就是动态的添加两列若干按钮（View、Button、TextView…），并且实现单选。当时第一就想到了RadioGroup，但在实现的时候发现RadioGroup不能分行分列显示，然后就钻进了死胡同，到网上找一些关于这个问题的解决办法，有重写RadioGroup的，有用FlowRadioGroup（GitHub上开源项目）的。但都比
GridView或者Listview实现单选效果
、不二的专栏
11-21 845
最近在项目中某个需求要实现单选，这里仅记录下关键代码： 第一步：在适配器中定义两个变量： private int lastPosition = -1; //记录上一次选中的图片位置，-1表示未选中 private Vector vector = new Vector(); 第二步：在构造器中初始化： for (int i = 0; i ; i++) {
简单的GridView单选按钮行选择器
04-11
一个自定义Web控件，用于将单选按钮选择添加到GridView控件。
GridView 单选和全选功能以及全选操作和取消全选
06-08
改进gridView的单选和多选功能 实现全选和取消全选功能
gridview的单选效果
05-04
gridview的单选效果，点击选中改变背景色，并保存选中内容。
GridView实现单选按钮
09-02
GridView实现单选按钮 用JS写gridview实现单选按钮
gridview中实现radiobutton的单选
iteye_8029的博客
04-26 197
c# 代码protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { RadioButton rb = ...
GridView实现单选操作
水上漂的专栏
06-05 1326
  GridView实现单选操作 @ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" validateRequest="false"%>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E
Gridview中实现单选
11-24 79
View Code 1 <title>无标题页</title> 2 <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 3 <script type="text/javascript"> ...
在GridView里做单选按钮，总结了三种方法
weixin_30919919的博客
01-16 177
在GridView里做单选按钮，总结了三种方法 第一种方法：在GridView的模版列里加服务器端控件RadioButton，使用js控制单选 <p>使用模版列里加RadioButton</p> <script type="text/javascript"&gt...
Android GridView实现单选功能详解与示例
要利用GridView实现单选功能，我们首先需要理解GridView的工作原理和其基本属性。GridView是一个可滚动的视图，通过设置每个格子（cell）为可点击，并且能够跟踪用户的点击状态，我们可以将其转换为一个简单的单选框...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值