脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → ASP.NET → 实用技巧 → GridView中加上CheckBox 的全选功能

GridView中加上CheckBox 的全选功能的代码

 更新时间：2013年03月11日 21:24:41   作者：  
GridView中加上CheckBox 的全选功能的代码，需要的朋友可以参考一下

首先我們當然是要先做出一個有資料的GridView
GridView做好後，我們在後方新增一個樣板欄位(TemplateField)
請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用，然後在ItemTemplate也加入一個CheckBox

复制代码 代码如下:

<asp:TemplateField>     
                    <HeaderTemplate>     
                        <asp:CheckBox ID="CheckAll" runat="server" onclick= "SelectAllCheckboxes(this);"  Text="全選/取消" ToolTip="按一次全選，再按一次取消全選" />     
                    </HeaderTemplate>     
                    <ItemTemplate>     
                        <asp:CheckBox ID="CheckBox2" runat="server" Text="全選"/>     
                    </ItemTemplate>     
</asp:TemplateField>

接著請在該頁面的最底部加上以下的Java Script

复制代码 代码如下:

<script type="text/javascript">     
function SelectAllCheckboxes(spanChk)     
{     
    elm=document.forms[0];     

    for(i=0;i<elm.length;i++)     
        {     
            if(elm[i].type=="checkbox" && elm[i].id!=spanChk.id)     
            {     
                if(elm.elements[i].checked!=spanChk.checked)     
                 elm.elements[i].click();                     
            }     
    }     
}     
</script>

如果您的頁面有套用MasterPage請將上方JS放在</asp:Content>標籤上面,到這裡就已經完成了全選和取消全選的功能了，您可以自行測試看看，再來我們要製作修改的部份(你總不會做出全選/取消的功能只是讓使用者按好玩的吧), 接著在頁面上放置一個按鈕(Button)，對按鈕點兩下，切換到程式部份, 切換到程式部份後我們利用以下code去抓出哪些列(ROW)有被打勾

复制代码 代码如下:

int i;     
for (i = 0; i < this.GridView1.Rows.Count; i++)     
{     
    if (((CheckBox)GridView1.Rows[i].FindControl("CheckBox2")).Checked)     
    {     
    Response.Write(GridView1.DataKeys[i].Value.ToString());     
    //GridView1.DataKeys[i].Value.ToString()可以抓到該列的DataKeys的值，我設定的是pk值     
    }     
}

如果您的GridVie沒有設定 DataKeyNames="資料欄位"那上方的code就列不出pk值唷

利用以上方式您就可以準確的抓出哪些列有被使用者打勾，來作其他您要執行的程式了

您可能感兴趣的文章:

相关文章

  • gridview自动排序示例分享

    gridview自动排序示例分享

    GridView自带了数据排序功能。在设计视图下，只能对GridView的排序数据列和排序方向进行静态设置。在后台程序中，则需要用Attributes方式对GridView的这两个属性进行动态设置
    2014-01-01
  • ASP.NET MVC5网站开发咨询管理的架构(十一)

    ASP.NET MVC5网站开发咨询管理的架构(十一)

    这篇文章主要介绍了ASP.NET MVC5网站开发咨询管理的架构，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2015-09-09
  • IIS故障(Connections_Refused)问题分析及处理

    IIS故障(Connections_Refused)问题分析及处理

    这几天某地市Web服务器连续多次出现故障问题(Connections_Refused)，正好借这个案例向大家详细介绍下,需要了解的朋友可以参考下
    2012-12-12
  • .net core部署到windows服务上的完整步骤

    .net core部署到windows服务上的完整步骤

    这篇文章主要给大家介绍了关于.net core部署到windows服务上的完整步骤，文中通过示例代码介绍的非常详细，对大家学习或者使用.net core具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-09-09
  • 详解ASP.NET页面生命周期事件

    详解ASP.NET页面生命周期事件

    这篇文章介绍了ASP.NET页面生命周期事件，有需要的朋友可以参考一下
    2013-07-07
  • 基于.net standard 的动态编译实现代码

    基于.net standard 的动态编译实现代码

    这篇文章主要介绍了基于.net standard 的动态编译实现代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
    2018-07-07
  • ASP.NET数据绑定控件详解

    ASP.NET数据绑定控件详解

    这篇文章主要为大家详细介绍了ASP.NET数据绑定控件，为大家解析了ListBox、GridView、Repeater三个数据绑定控件的“高效分页”，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • ASP.NET Core实现自定义WebApi模型验证详解

    ASP.NET Core实现自定义WebApi模型验证详解

    这篇文章主要给大家介绍了关于ASP.NET Core实现自定义WebApi模型验证的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用ASP.NET Core具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-08-08
  • Request.RawUrl 属性的应用收

    Request.RawUrl 属性的应用收

    用来对字符串分析，有选择的导向。
    2009-06-06
  • 从客户端检测到有潜在危险的Request.Form值的asp.net代码

    从客户端检测到有潜在危险的Request.Form值的asp.net代码

    asp.net开发中，经常遇到“从客户端检测到有潜在危险的Request.Form 值”错误提示，很多人给出的解决方案是
    2009-03-03

最新评论