GridView分页可以全选的改造

最新推荐文章于 2020-08-20 17:13:20 发布
转载 最新推荐文章于 2020-08-20 17:13:20 发布 · 157 阅读 · 0

本文介绍了一种在ASP.NET GridView控件中实现全选功能的方法，通过自定义TGridView类并利用ViewState保存选中状态，确保分页时的选择一致性。
记上次有个项目,有几个都要求在GridView里可以进行对应的多选操作.本来这问题没什么难度,加上要求分页后就有点烦人了,因时间紧,想的最简单的方法就是用Session保存每页选择结果,现项目告一段落,静下来想了下,扩展GridView可以全选操作,用ViewState来保存(?不是吧,用ViewState,你不怕整个机器都读一个页面死机啊)所以这边会保证ViewState肯定记录没有很多内容.先看代码,比较简单. 
      public class TGridView : GridView
    {
        #region 可以进行多项选择

        #region 对应选择的项目

        #region "全选在那列"
        [Browsable(true)]
        [DefaultValue(0)]
        public int CheckBoxIndex
        {
            get
            {
                object obj = this.ViewState["CheckBoxIndex"];
                if (obj != null)
                {
                    return (int)obj;
                }
                return 0;
            }
            set
            {
                if (value < 0)
                {
                    throw new ArgumentOutOfRangeException("value");
                }
                this.ViewState["CheckBoxIndex"] = value;
            }
        }
        #endregion

        #region 是否添加选择栏位
        [Browsable(true)]
        [DefaultValue(false)]
        public bool AddCheckBox
        {
            get;
            set;
        }
        #endregion

        /// <summary>
        /// 全选是否
        /// </summary>
        public bool? AllSelect
        {
            get
            {
                object obj = this.ViewState["AllSelect"];
                if (obj != null)
                {
                    return (bool)obj;
                }
                return null;
            }
            set
            {
                object obj = this.ViewState["AllSelect"];
                if (value != null)
                {
                    this.ViewState["AllSelect"] = value;
                }
                else
                {
                    this.ViewState["AllSelect"] = null;
                }
            }
        }

        /// <summary>
        /// 记录对应的主键信息(没全选时记录选上的,全选后记录没被选上的)
        /// </summary>
        public string MarkerID
        {
            get
            {
                object obj = this.ViewState["MarkerID"];
                return obj == null ? string.Empty : (string)obj;
            }
            private set
            {
                if (!object.Equals(value, this.ViewState["MarkerID"]))
                {
                    this.ViewState["MarkerID"] = value;
                }
            }
        }

        #endregion

        #region 初始化信息
        /// <summary>
        /// 创建一列为CheckBox的栏位
        /// </summary>
        /// <param name="dataSource"></param>
        /// <param name="useDataSource"></param>
        /// <returns></returns>
        protected override ICollection CreateColumns(PagedDataSource dataSource, bool useDataSource)
        {
            ArrayList list = base.CreateColumns(dataSource, useDataSource) as ArrayList;
            if (AddCheckBox)
            {
                SelectDataField select = new SelectDataField();
                select.CheckboxChanged += new SelectDataField.CheckboxChangedEventHandler(select_CheckboxChanged);
                list.Insert(CheckBoxIndex, select);
            }
            return list;
        }

        /// <summary>
        /// 当全选后先清空前面记录的主键信息,然后更新对应CheckBox的值
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void select_CheckboxChanged(object sender, EventArgs e)
        {
            CheckBox box = sender as CheckBox;
            AllSelect = box.Checked;
            MarkerID = string.Empty;
            UpdateGridViewSelect();
        }
        #endregion

        #region 保持页面CheckBox的状态
        /// <summary>
        /// 每次分页操作前执行或收集对应结果的CheckBox的值调用
        /// </summary>
        public void CheckGridViewSelect()
        {
            if (DataKeyNames.Length < 1)
                throw new Exception("GridView没有设置DataKeyNames");
            string markids = MarkerID;
            foreach (GridViewRow row in this.Rows)
            {
                CheckBox box = row.Cells[CheckBoxIndex].Controls[0] as CheckBox;
                if (box != null)
                {
                    string key = this.DataKeys[row.RowIndex].Value.ToString() + ";";
                    bool allSelect = AllSelect ?? false;
                    if (box.Checked != allSelect && !markids.Contains(key))
                    {
                        markids += key;
                    }
                    else if (box.Checked == allSelect && markids.Contains(key))
                    {
                        markids.Replace(key, "");
                    }
                }
            }
            MarkerID = markids;
        }
        /// <summary>
        /// 每次重新绑定时把相应的CheckBox赋上值
        /// </summary>
        private void UpdateGridViewSelect()
        {
            if (this.DataKeyNames.Length < 1)
                throw new Exception("GridView没有设置DataKeyNames");
            UpdateGridViewHeadSelect();
            string markids = MarkerID;
            foreach (GridViewRow row in this.Rows)
            {
                CheckBox box = row.Cells[CheckBoxIndex].Controls[0] as CheckBox;
                if (box != null)
                {
                    string key = this.DataKeys[row.RowIndex].Value.ToString() + ";";
                    bool bMarkid = markids.Contains(key);
                    bool allSelect = AllSelect ?? false;
                    box.Checked = bMarkid != allSelect;
                }
            }
        }
        /// <summary>
        /// 更新GridView栏位上的CheckBox
        /// </summary>
        private void UpdateGridViewHeadSelect()
        {
            if (this.HeaderRow != null)
            {
                CheckBox box = this.HeaderRow.Cells[CheckBoxIndex].Controls[0] as CheckBox;
                if (box != null)
                    box.Checked = AllSelect ?? false;
            }
        }
        /// <summary>
        /// 分页时调用修改的CheckBox值.
        /// </summary>
        /// <param name="e"></param>
        protected override void OnPageIndexChanging(GridViewPageEventArgs e)
        {
            if (AddCheckBox)
                CheckGridViewSelect();
            base.OnPageIndexChanging(e);
        }
        /// <summary>
        /// 分页完成后给CheckBox赋值
        /// </summary>
        /// <param name="e"></param>

  
           protected override void OnPageIndexChanged(EventArgs e)
        {
            if (AddCheckBox)
                UpdateGridViewSelect();
            base.OnPageIndexChanged(e);
        }
  
        protected override void OnRowDataBound(GridViewRowEventArgs e)
        {   
            if (AddCheckBox)
                UpdateGridViewSelect();           
            base.OnDataBound(e);
        }        #endregion

        #region 供后台得到选择了的主键信息,或检测主键是否选择了的对应函数
        /// <summary>
        /// 得到被标记的主键,如果是全选状态,刚是得到没被勾选的主键集,反之是得到被勾选的主键集
        /// </summary>
        /// <typeparam name="T">主键类型</typeparam>
        /// <param name="bSelect">得到全选状态</param>
        /// <returns></returns>
        public List<T> GetSelectKey<T>(out bool bSelect)
        {
            CheckGridViewSelect();
            bSelect = AllSelect ?? false;
            string markids = MarkerID;
            if (string.IsNullOrEmpty(markids))
                return new List<T>();
            markids = markids.TrimEnd(';');
            return markids.Split(';').ToList()
                    .Select(p => StringConvertT<T>(p))
                    .ToList();
        }
        /// <summary>
        /// 查找GridView里选择了的数据
        /// </summary>
        /// <typeparam name="T">数据源的每条数据类型</typeparam>
        /// <param name="data">GridView的数据源</param>        
        /// <returns></returns>
        public List<T> GetSelectData<T>(IEnumerable<T> data)
        {
            return GetSelectData<T>(data, true);
        }
        /// <summary>
        /// 查找GridView里是否选择了的数据
        /// </summary>
        /// <typeparam name="T">数据源的每条数据类型</typeparam>
        /// <param name="data">GridView的数据源</param>
        /// <param name="IsSelect">true表示查找勾选上的,false表示查找没被勾选上的</param>
        /// <returns></returns>
        public List<T> GetSelectData<T>(IEnumerable<T> data, bool bSelect)
        {
            CheckGridViewSelect();
            bool allSelect = AllSelect ?? false;
            string markids = MarkerID;
            PropertyInfo info = typeof(T).GetProperty(DataKeyNames[0]);
            if (info == null)
                throw new Exception("请确认数据源里有属性" + DataKeyNames[0] + ".");
            var result = data.Where(p =>
            {
                var id = info.GetValue(p, null).ToString();
                if (bSelect)
                    return allSelect != markids.Contains(id + ";");
                else
                    return allSelect == markids.Contains(id + ";");
            });
            return result.ToList();
        }
        /// <summary>
        /// 查看一行的主键是否被选中(要保证传入的key是在数据源里的,不然全选状态下可能会得到错误结果.)
        /// </summary>
        /// <param name="key">主键</param>
        /// <returns>true-选中,false-没被选择</returns>
        public bool IsSelect(object key)
        {
            CheckGridViewSelect();
            bool allSelect = AllSelect ?? false;
            return allSelect != MarkerID.Contains(key.ToString() + ";");
        }
        /// <summary>
        /// 把string类数据转化成对应的T,支持基本数据
        /// </summary>
        /// <typeparam name="T"></typeparam>
        /// <param name="data"></param>
        /// <returns></returns>
        private T StringConvertT<T>(string data)
        {
            if (string.IsNullOrEmpty(data))
                throw new NullReferenceException("主建不能用空.");
            if (typeof(T) == typeof(Guid))
            {
                object id = new Guid(data);
                return (T)id;
            }
            else if (typeof(T).IsAssignableFrom(typeof(IConvertible)))
            {
                object t = Convert.ChangeType(data, typeof(T));
                return (T)t;
            }
            else
            {
                throw new Exception("不支持的类型.");
            }
        }
        #endregion

        #endregion
    }
    public class SelectDataField : DataControlField
    {
        private CheckBox box;

        public SelectDataField()
        {
            box = new CheckBox();
        }

        protected override DataControlField CreateField()
        {
            return new SelectDataField();
        }

        public override void InitializeCell(DataControlFieldCell cell, DataControlCellType cellType, DataControlRowState rowState, int rowIndex)
        {
            base.InitializeCell(cell, cellType, rowState, rowIndex);
            switch (cellType)
            {
                case DataControlCellType.Header:
                    {
                        box.CheckedChanged += new EventHandler(box_CheckedChanged);
                        box.Text = "选择";
                        box.TextAlign = TextAlign.Right;
                        box.AutoPostBack = true;
                        cell.HorizontalAlign = HorizontalAlign.Left;
                        cell.Controls.Add(box);
                        break;
                    }
                case DataControlCellType.DataCell:
                    {
                        CheckBox checkbox = new CheckBox();
                        checkbox.AutoPostBack = false;
                        cell.Controls.Add(checkbox);
                        break;
                    }
                default:
                    break;
            }
        }
        public delegate void CheckboxChangedEventHandler(object sender, EventArgs e);
        public event CheckboxChangedEventHandler CheckboxChanged;

        void box_CheckedChanged(object sender, EventArgs e)
        {
            if (CheckboxChanged != null)
                CheckboxChanged(sender, e);
        }
    }

这里还是说下怎么记录各个选择项的,就我使用全选操作后的条目.

1.没有点击全选,那么我用MarkerID记录所有选择了的主键.

2.点击全选后,那么我用MarkerID记录的是所有去掉选择了的主键. 每次点击全选,都用清空MarkerID.还有,TGridView一定要设置DataKeyNames. 下用是效果图.

从上面也可以看出, DataKeyNames.Length应该只能为1,就是说不设置或设置几个是有问题的,其实这个大家有兴趣,可以自己修改相关的一些代码.

        <asp:TGridView ID="grvViewT" AutoGenerateColumns="false" CheckBoxIndex="2" runat="server" AllowPaging="true" OnPageIndexChanging="grvViewT_PageIndexChanging"
          DataKeyNames="ID" >
            <Columns>
                <asp:BoundField DataField="A" HeaderText="A" />
                <asp:BoundField DataField="B" HeaderText="B" />
                <asp:BoundField DataField="C" HeaderText="C" />
                <asp:BoundField DataField="D" HeaderText="D" />
            </Columns>
        </asp:TGridView>

相关资料:

http://www.cnblogs.com/yanyangtian/category/155681.html

还有相关Reflector的相关GridView的源码.

GridView js实现全选 (分页保持选择状态)
08-26
GridView js实现全选 (分页保持选择状态) GridView js实现全选 (分页保持选择状态)
asp.net gridview中用checkbox全选的几种实现的区别
10-29
当GridView启用了分页功能时，全选操作通常需要对每一页的数据都进行处理。如果希望全选操作只对当前显示的页面有效，那么就需要使用AJAX技术来动态更新选中状态。该方法可以在不重新加载整个页面的情况下，更新...
GridView分页和实现全选和取消功能
Microsoft.Net，刘少盟
11-11 1009
要实现GrdView分页的功能 操作如下： 1、更改GrdView控件的AllowPaging属性为true。 2、更改GrdView控件的PageSize属性为 任意数值（默认为10） 3、更改GrdView控件的PageSetting->Mode为Numeric等（默认为Numeric）该属性为分页样式。 GridView属性设置好了，从页面上也能看到分页样式。 现在开始实现分
GridView 1 分页 全选 编辑 删除 更新
weixin_30437847的博客
02-18 90
<%@ Page Language="C#" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
yii2使用GridView实现数据全选及批量删除按钮示例
10-20
本篇知识文档重点介绍如何在Yii2的GridView中实现全选复选框以及如何添加批量删除按钮。这一功能的实现使得开发者能够向用户提供一个简洁的界面，来高效地对多条数据记录进行操作。 首先，要实现全选复选框，需要在...
ASP.NET Gridview与checkbox全选、全不选实现代码
10-29
在Gridview中嵌入checkbox控件，可以实现对数据项的批量操作，例如全选和全不选。实现这一功能的关键在于前端JavaScript脚本与后端***代码的配合。 在实现全选与全不选的功能时，首先需要在Gridview控件中添加一个...
GridView 单选和全选功能以及全选操作和取消全选
06-08
在很多场景下，我们可能需要为GridView添加单选、多选以及全选和取消全选的功能，比如在图片选择器或者列表设置中。下面我们将详细探讨如何实现这些功能。 1. **GridView的基本使用** GridView继承自AbsListView，...
C# Winform DatagridView 分页及 全选/ 取消全选 功能
04-22
总之，通过理解并实现`DataGridView`的分页和全选/取消全选功能，你可以提升C# Winform应用的数据管理效率，使得用户在面对大量数据时能更流畅地操作。同时，结合实际项目需求，还可以进一步优化和扩展这些功能，...
分页与全选（全不选）
wang_yuanyuan1的专栏
11-24 3447
今天学习了分页（有两种方法，一种是内置分页，还有一种是存储过程分页） 内置分页：1、直接使用GridView控件的分页样式 2、使用自定义分页样式 存储过程分页： using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; usi
ASP.NET的Gridview控件简单使用（分页、序号、选框、全选）（附源码）
My设计Road
12-21 4303
这次我们实现的功能是：全选，单选，可以提取一行的数据，分页，结合下拉列表筛选数据，显示序号。1.全选 //全选 protected void CheckBox2_CheckedChanged1(object sender, EventArgs e) { for (int i = 0; i <= GridView1.Rows.Count - 1; i++
分页勾选数据，进行批量操作
帅帅的困哒哒
08-20 2181
首先放张图，描述一下问题：当前页有20条数据，我要勾选第一页和第二页的数据进行批量删除 根据iview的table属性，我在table中加入了如下操作 四条属性可以看看iview的解释 以下代码为操作具体步骤，有问题的欢迎评论，我会补充的，感谢！ // data中定义了一些属性： data() { return { arr: [], selectedSum: 0, selectedIds: new Set(), // es6数
ASPxGridView控件的全选
lovejesuslove的博客
03-21 506
只需要在模板列的HeaderTemplate 加一个控件就好。写上一句话就能全选了。                     <input onclick="ASPxGridView1.SelectAllRowsOnPage(this.checked);" type="checkbox" />         在这里，如果ASPxGridView绑定的是datasoure数据源，可能会出现
asp.net控件的分页批量全选删除
韦育才的blog
03-16 2524
第一步:访问数据是做程序必不可少的一步。首先创建SQL ServerManagement Studio2005使用脚本创建名为“MyBookDB”的数据库!脚本如下: 具体代码如下: use master go if exists(select * from sys.databases wherename = 'MyBookDB')  drop database MyBookDB go
GridView手写分页实现与全选反选删除功能
通过GridView，开发者可以方便地实现数据的分页、排序、选择等交互功能。GridView控件通常与数据源控件如SqlDataSource或ObjectDataSource进行数据绑定，以实现数据的动态显示。 ###分页功能的实现 分页功能是允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值