ASP.NET2.0中GridView加入CheckBox实现全选，跨页CheckBox选择

最新推荐文章于 2024-04-24 11:53:19 发布
最新推荐文章于 2024-04-24 11:53:19 发布
阅读量1.2k 收藏
点赞数
文章标签： asp.net asp server object button textbox

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridView_CheckBoxColumn.aspx.cs" Inherits="GridSamples_GridView_CheckBoxColumn" %>

<!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>
     <script language="javascript" type="text/javascript">
     function selectAll(obj)
     {
         var theTable   = obj.parentElement.parentElement.parentElement;
         var i;
         var j = obj.parentElement.cellIndex;
        
         for(i=0;i<theTable.rows.length;i++)
         {
             var objCheckBox = theTable.rows[i].cells[j].firstChild;
             if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
         }
     }
     </script>
</head>
<body>
     <form id="form1" runat="server">
     <div>
         <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"
             DataKeyNames="id" DataSourceID="AccessDataSource1" AllowSorting="True" OnDataBinding="GridView1_DataBinding" OnRowDataBound="GridView1_RowDataBound">
             <Columns>
                 <asp:TemplateField>
                     <ItemTemplate>
                         <asp:CheckBox ID="CheckBox1" runat="server" Checked="True" Text='<%#DataBinder.Eval(Container.DataItem,"id") %>' />
                     </ItemTemplate>
                     <HeaderTemplate>
                         &nbsp;<input id="CheckAll" type="checkbox" οnclick="selectAll(this);" />本页全选
                     </HeaderTemplate>
                 </asp:TemplateField>
                 <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ReadOnly="True"
                     SortExpression="id" />
                 <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />
                 <asp:BoundField DataField="sex" HeaderText="sex" SortExpression="sex" />
                 <asp:BoundField DataField="deptid" HeaderText="deptid" SortExpression="deptid" />
             </Columns>
         </asp:GridView>
         &nbsp;
      
         <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/test.mdb"
             SelectCommand="SELECT [id], [name], [sex], [deptid] FROM [employees]"></asp:AccessDataSource>
         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="ShowAllSelectedItem" />
         <asp:TextBox ID="TextBox1" runat="server" Width="200px" ReadOnly="True"></asp:TextBox></div>
     </form>
</body>
</html>

************************************
************************************
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class GridSamples_GridView_CheckBoxColumn : System.Web.UI.Page
{
     /// <summary>
     /// 获取或设置选中项的集合
     /// </summary>
     protected ArrayList SelectedItems
     {
         get
         {
             return (ViewState["mySelectedItems"] != null) ? (ArrayList)ViewState["mySelectedItems"] : null;
         }
         set
         {
             ViewState["mySelectedItems"] = value;
         }
     }

     protected void Page_Load(object sender, EventArgs e)
     {
        
     }


     protected void GridView1_DataBinding(object sender, EventArgs e)
     {
         //在每一次重新绑定之前，需要调用CollectSelected方法从当前页收集选中项的情况
         CollectSelected();
     }

    
     protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
     {
         //这里的处理是为了回显之前选中的情况
         if (e.Row.RowIndex > -1 && this.SelectedItems!=null)
         {
             DataRowView row = e.Row.DataItem as DataRowView;
             CheckBox cb = e.Row.FindControl("CheckBox1") as CheckBox;
             if(this.SelectedItems.Contains(row["id"].ToString()))
                 cb.Checked = true;
             else
                 cb.Checked = false;
         }
     }
     /// <summary>
     /// 从当前页收集选中项的情况
     /// </summary>
     protected void CollectSelected()
     {
         ArrayList selectedItems = null;
         if (this.SelectedItems == null)
             selectedItems = new ArrayList();
         else
             selectedItems = this.SelectedItems;

         for (int i = 0; i < this.GridView1.Rows.Count; i++)
         {
             string id = this.GridView1.Rows[i].Cells[1].Text;
             CheckBox cb = this.GridView1.Rows[i].FindControl("CheckBox1") as CheckBox;
             if (selectedItems.Contains(id) && !cb.Checked)
                 selectedItems.Remove(id);
             if (!selectedItems.Contains(id) && cb.Checked)
                 selectedItems.Add(id);
         }
         this.SelectedItems = selectedItems;
     }

     protected void Button1_Click(object sender, EventArgs e)
     {
         //最后，需要对选中项进行操作之前，不能忘了还要最后一次收集当前页的选中情况
         CollectSelected();

         this.TextBox1.Text = string.Empty;
         foreach (object tmp in this.SelectedItems)
             this.TextBox1.Text += tmp.ToString() + ",";
     }
}

 
hongyin163
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net GridView控件中实现全选的解决方案
01-20
第一种：利用客户端控件实现 JS: 代码如下: [removed] function checkAll() { var checklist=document.getElementsByTagName(“input”); for(var i=0;i<checklist.length;i++) { if(checklist[i].type==”checkbox”) { checklist[i].checked=document.form1.ck.checked; } } } [removed] GridView控件： 代码如下: <asp:Grid
GridView js实现全选 (分页保持选择状态)
08-26
GridView js实现全选 (分页保持选择状态) GridView js实现全选 (分页保持选择状态)
gridview 分页保存每页的Checkbox选中的值
04-20
gridview 分页保存每页的Checkbox选中的值 最后取得所选 中的Checkbox的值
Girdview CheckBox翻页多选功能，将Girdview数据转换为二位数组的方法。将check状态存入session方法
07-27
是B\S c#中 Girdview CheckBox翻页多选功能，将Girdview数据转换为二位数组的方法。将check状态存入session方法
asp.net GridView控件中模板列CheckBox全选、反选、取消
10-29
GridView控件中模板列CheckBox全选、反选、取消实现代码。
如何在GRID中加入复选框或组合框？
AYongSoft的专栏
03-12 2419
如何在GRID中加入复选框或组合框？ *----------------------------- 方法一： 1、把GRID的列数改为>0 &&方法二不需要此项 2、右键单击GRID，编辑，在工具条中把checkbox拿到要加入复选框的列中 3、右键单击GRID，编辑，然后选择加入复选框的列。    在属性窗口上的“数据”页面上把Grid的Colum（加入复选框的Colum
解决Vxe-table 当数据量过大时选择全选复选框延迟问题
qq_43225508的博客
02-21 2224
解决Vxe-table 当数据量过大时选择全选复选框延迟问题
vxe复选框分页勾选的处理
chy的博客
10-20 2558
vxe复选框分页勾选的处理
CSharp Tips：调用API注册和注销Windows Service
疾风之狼
01-04 3591
0、写在前面    DotNET平台下的类库封装的相当完善，普通的应用完全可以利用类库完成所有的工作。对于Windows Service的支持也是一样，只需要继承DotNET下提供的ServiceBase就可以创建Windows的Service，调用ServiceControl类的方法就可以控制Service的启动和关闭，非常容易。    然而生成了一个Service类型的应用程序之后，必
ASP.NET Gridview与checkbox全选、全不选实现代码
01-01
1. 页面 在onclick事件中 “传自己” 代码如下: <input type=”checkbox” id=”CheckBox1″ name=”CheckBox1″ onclick=”GetAllCheckBox(this)” /> 全选 <ItemStyle HorizontalAlign=”C
asp.net gridview中用checkbox全选的几种实现的区别
10-29
几天为了改变客户端grid的全选效率问题，详细研究了ext中grid的全选和gridview中通过脚本实现的全选效率，总结一下，供大家参考，有错误的地方，希望大侠指正，小弟献丑了。
GridView跨页CheckBox全选
fjyts的专栏
01-05 543
GridSamples_GridView_CheckBoxColumn.aspx@ Page Language="C#" AutoEventWireup="true" CodeFile="GridSamples_GridView_CheckBoxColumn.aspx.cs" Inherits="GridSamples_GridView_CheckBoxColumn" %>DOCTYPE ht
Asp.net 实现GridView分页时记录CheckBox状态
stanvl的专栏
11-16 1318
用GridView自带的方法实现分页功能。用ViewState记录GridView分页后各个分页面的CheckBox的选中状态。GridView不同分页面之间的跳转只是刷新当前页面，并没有跳出当前Web页面的生命周期。(这也是ViewState的作用范围)如果想要在不同Web页面之间跳转实现信息传递的话，可以用Cookie，Session等。<br /><br />当我们写Asp.net程序的时候避免不了的是从数据库中取数据，然后将这些数据显示在页面上，当数据非常多的时候我们又很自然的想到了把这些数据进行分
ASP.NET教务平台—学籍管理模块开发与设计
最新发布
大叔_爱编程 的博客
04-24 623
教务平台之学籍管理模块是根据高校教务管理的实际需求，采用微软的.NET Framework2.0作为开发平台，使用SQL Server 2005来设计数据库，以ASP.NET和C#作为前台的开发语言，来完成学生学籍的管理。该设计是基于B/S模式的信息管理系统，主要实现用户管理、学生注册、学籍异动，学生花名册查看和打印等主要功能。同时为了保证后台代码和数据的保护性、密封性，使用了一个中间层分离开前台页面和后台数据的交互操作，使该系统层次清晰，便于开发，维护。通过该系统的应用，可以满足高校教务学籍管理工作的高效
asp.net中gridview的checkbox使用总结
05-24
在ASP.NET中使用GridView控件的Checkbox列可以让用户方便地选择多个行，以进行批量操作。以下是使用GridView控件的Checkbox列的一些总结： 1. 添加Checkbox列 在GridView控件的模板列中添加Checkbox列，可以使用以下代码： ``` <asp:GridView ID="GridView1" runat="server"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" /> </ItemTemplate> </asp:TemplateField> ... </Columns> ... </asp:GridView> ``` 2. 获取选中行 在处理GridView控件的Checkbox列时，需要遍历GridView中的所有行，检查每个Checkbox是否被选中。可以使用以下代码来获取选中的行： ``` foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选中的行 } } ``` 3. 设置全选 为了方便用户选择所有行，可以在页面上添加一个“全选”复选框，并使用JavaScript代码来设置GridView中所有Checkbox的选中状态。可以使用以下代码来设置全选： ``` <script type="text/javascript"> function selectAll() { var chkAll = document.getElementById('<%= chkAll.ClientID %>'); var grid = document.getElementById('<%= GridView1.ClientID %>'); for (var i = 0; i < grid.rows.length; i++) { var chk = grid.rows[i].cells[0].getElementsByTagName("input")[0]; if (chk.type == "checkbox") { chk.checked = chkAll.checked; } } } </script> <asp:CheckBox ID="chkAll" runat="server" onclick="selectAll();" /> ``` 4. 处理PostBack 在处理PostBack时，需要检查GridView中的所有行，并处理选中的行。可以使用以下代码来处理PostBack： ``` protected void Button1_Click(object sender, EventArgs e) { foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选中的行 } } } ``` 希望这些总结能够对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值