为DataGrid的自带分页添加首页、尾页及状态功能

于 2004-12-23 09:59:00 发布
阅读量66 收藏
点赞数
文章标签： ASP ASP.net UI Web SQL Server

DataGrid提供了分页功能，不过看上去功能有限，但是我们可以通过DataGrid的一些属性来获取状态以及增加首页、尾页功能按钮。这里没有使用DataGrid的自定义分页功能，如果在速度效率不是很讲究的情况下，由DataGrid自己管理分页还是不错的，付出的代价就是要把整个相关数据取出来后再删选指定页的数据。好处就是开发速度快，不需要写分页的存储过程。本文事例使用的是Sql Server中的Northwind数据库。运行界面如下：

<o:p>对于前台的显示界面，我放了一个DataGrid；四个LinkButton导向按钮；四个Literal来显示纪录状态。<o:p></o:p></o:p>

剩下的就是用表格定位。<o:p></o:p>

这里需要设置DataGrid的AllowPaging属性为True，同时设置AllowCustomPaging属性位false(默认为false),设置PagerStyle的Visible属性为False，使前台不显示。<o:p></o:p>

前台的代码如下：<o:p></o:p>

<%@ Page language="c#" Codebehind="DataGridPaging.aspx.cs" AutoEventWireup="false" Inherits="ZZ.AspnetPaging.DataGridPaging" %><o:p></o:p>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><o:p></o:p>

<HTML><o:p></o:p>

     <HEAD><o:p></o:p>

         <title>DataGridPaging</title><o:p></o:p>

         <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"><o:p></o:p>

         <meta content="C#" name="CODE_LANGUAGE"><o:p></o:p>

         <meta content="JavaScript" name="vs_defaultClientScript"><o:p></o:p>

         <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"><o:p></o:p>

     </HEAD><o:p></o:p>

     <body><o:p></o:p>

         <form id="Form1" method="post" runat="server"><o:p></o:p>

              <TABLE id="Table1" style="FONT-SIZE: 9pt" cellSpacing="1" cellPadding="1" width="450" align="center"<o:p></o:p>

                   border="1"><o:p></o:p>

                   <TR><o:p></o:p>

                       <TD><asp:datagrid id="DataGrid1" runat="server" PageSize="5" Width="100%" AllowPaging="True"><o:p></o:p>

                                 <HeaderStyle Font-Size="9pt"></HeaderStyle><o:p></o:p>

                                 <FooterStyle Font-Size="9pt"></FooterStyle><o:p></o:p>

                                 <PagerStyle Visible="False" Font-Size="9pt" Mode="NumericPages"></PagerStyle><o:p></o:p>

                            </asp:datagrid></TD><o:p></o:p>

                   </TR><o:p></o:p>

              </TABLE><o:p></o:p>

              <TABLE id="Table2" style="FONT-SIZE: 9pt" cellSpacing="1" cellPadding="1" width="450" align="center"<o:p></o:p>

                   border="1"><o:p></o:p>

                   <TR><o:p></o:p>

                       <TD style="WIDTH: 207px"><o:p></o:p>

                            <asp:linkbutton id="LBtnFirst" runat="server" CommandName="First">首页</asp:linkbutton> <o:p></o:p>

                            <asp:linkbutton id="LBtnPrev" runat="server" CommandName="Prev">上一页</asp:linkbutton>  <o:p></o:p>

                            <asp:linkbutton id="LBtnNext" runat="server" CommandName="Next">下一页</asp:linkbutton><o:p></o:p>

                            <asp:linkbutton id="LBtnLast" runat="server" CommandName="Last">尾页</asp:linkbutton> </TD><o:p></o:p>

                       <TD>第<o:p></o:p>

                            <asp:literal id="LtlPageIndex" runat="server"></asp:literal>页 共 <o:p></o:p>

                            <asp:literal id="LtlPageCount" runat="server"></asp:literal>页 每页<o:p></o:p>

                            <asp:literal id="LtlPageSize" runat="server"></asp:literal>条 共<o:p></o:p>

                            <asp:literal id="LtlRecordCount" runat="server"></asp:literal>条<o:p></o:p>

                       </TD><o:p></o:p>

                   </TR><o:p></o:p>

              </TABLE><o:p></o:p>

         </form><o:p></o:p>

     </body><o:p></o:p>

</HTML><o:p></o:p>

后台cs文件代码，DataGridPaging类从System.Web.UI.Page继承，在数据绑定时需要注意没有数据的情况（0页时），以及当页数减少时避免前台正在反页导致缺页。<o:p></o:p>

using System;<o:p></o:p>

using System.Collections;<o:p></o:p>

using System.ComponentModel;<o:p></o:p>

using System.Data;<o:p></o:p>

using System.Drawing;<o:p></o:p>

using System.Web;<o:p></o:p>

using System.Web.SessionState;<o:p></o:p>

using System.Web.UI;<o:p></o:p>

using System.Web.UI.WebControls;<o:p></o:p>

using System.Web.UI.HtmlControls;<o:p></o:p>

using System.Data.SqlClient;<o:p></o:p>

using System.Configuration;<o:p></o:p>

<o:p> </o:p>

namespace ZZ.AspnetPaging<o:p></o:p>

{<o:p></o:p>

     public class DataGridPaging : System.Web.UI.Page<o:p></o:p>

     {<o:p></o:p>

         private static string connString = ConfigurationSettings.AppSettings["ConnString"];<o:p></o:p>

         private int recordCount;<o:p></o:p>

         private int pageCount;<o:p></o:p>

<o:p> </o:p>

         protected System.Web.UI.WebControls.LinkButton LBtnFirst;<o:p></o:p>

         protected System.Web.UI.WebControls.LinkButton LBtnPrev;<o:p></o:p>

         protected System.Web.UI.WebControls.LinkButton LBtnNext;<o:p></o:p>

         protected System.Web.UI.WebControls.LinkButton LBtnLast;<o:p></o:p>

          protected System.Web.UI.WebControls.Literal LtlPageIndex;<o:p></o:p>

         protected System.Web.UI.WebControls.Literal LtlPageCount;<o:p></o:p>

         protected System.Web.UI.WebControls.Literal LtlPageSize;<o:p></o:p>

         protected System.Web.UI.WebControls.Literal LtlRecordCount;<o:p></o:p>

         protected System.Web.UI.WebControls.DataGrid DataGrid1;<o:p></o:p>

     <o:p></o:p>

         private void Page_Load(object sender, System.EventArgs e)<o:p></o:p>

         {<o:p></o:p>

              if(!Page.IsPostBack)<o:p></o:p>

              {<o:p></o:p>

                   DataGridDataBind();<o:p></o:p>

              }<o:p></o:p>

         }<o:p></o:p>

<o:p> </o:p>

         //绑定数据<o:p></o:p>

         private void DataGridDataBind()<o:p></o:p>

         {<o:p></o:p>

              DataSet ds = GetCustomersData();<o:p></o:p>

              recordCount = ds.Tables[0].Rows.Count;<o:p></o:p>

              //获取当前的页数<o:p></o:p>

              pageCount = (int)Math.Ceiling( recordCount * 1.0 / PageSize);<o:p></o:p>

              //避免纪录从有到无时，并且已经进行过反页的情况下CurrentPageIndex > PageCount出错<o:p></o:p>

              if(recordCount ==0)<o:p></o:p>

              {<o:p></o:p>

                   this.DataGrid1.CurrentPageIndex = 0;<o:p></o:p>

              }<o:p></o:p>

              else if(this.DataGrid1.CurrentPageIndex >= pageCount)<o:p></o:p>

              {<o:p></o:p>

                   this.DataGrid1.CurrentPageIndex = pageCount - 1;<o:p></o:p>

              }<o:p></o:p>

              this.DataGrid1.DataSource = ds;<o:p></o:p>

              this.DataGrid1.DataBind();<o:p></o:p>

              NavigationStateChange();<o:p></o:p>

         }<o:p></o:p>

<o:p> </o:p>

         #region Web 窗体设计器生成的代码<o:p></o:p>

         override protected void OnInit(EventArgs e)<o:p></o:p>

         {<o:p></o:p>

              //<o:p></o:p>

              // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。<o:p></o:p>

              //<o:p></o:p>

              InitializeComponent();<o:p></o:p>

              base.OnInit(e);<o:p></o:p>

         }<o:p></o:p>

         <o:p></o:p>

         /// <summary><o:p></o:p>

         /// 设计器支持所需的方法 - 不要使用代码编辑器修改<o:p></o:p>

         /// 此方法的内容。<o:p></o:p>

         /// </summary><o:p></o:p>

         private void InitializeComponent()<o:p></o:p>

         {    <o:p></o:p>

              this.LBtnFirst.Click += new System.EventHandler(this.LBtnNavigation_Click);<o:p></o:p>

              this.LBtnPrev.Click += new System.EventHandler(this.LBtnNavigation_Click);<o:p></o:p>

              this.LBtnNext.Click += new System.EventHandler(this.LBtnNavigation_Click);<o:p></o:p>

              this.LBtnLast.Click += new System.EventHandler(this.LBtnNavigation_Click);<o:p></o:p>

              this.Load += new System.EventHandler(this.Page_Load);<o:p></o:p>

<o:p> </o:p>

         }<o:p></o:p>

         #endregion<o:p></o:p>

<o:p> </o:p>

         private void LBtnNavigation_Click(object sender, System.EventArgs e)<o:p></o:p>

         {<o:p></o:p>

              LinkButton btn = (LinkButton)sender;<o:p></o:p>

              switch(btn.CommandName)<o:p></o:p>

              {<o:p></o:p>

                   case "First":<o:p></o:p>

                       PageIndex = 0;<o:p></o:p>

                       break;<o:p></o:p>

                   case "Prev"://if( PageIndex > 0 )<o:p></o:p>

                            PageIndex = PageIndex - 1;<o:p></o:p>

                       break;<o:p></o:p>

                   case "Next"://if( PageIndex < PageCount -1)<o:p></o:p>

                            PageIndex = PageIndex + 1;<o:p></o:p>

leonard61306500
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DataGrid同时具有分页和排序功能及注意点
01-20
- `AllowPaging="True"`启用分页功能。 - `OnPageIndexChanged`事件用于处理页面切换。当用户点击分页按钮时，此事件会被触发。 2. **排序设置**： - `AllowSorting="True"`启用排序功能。用户可以通过点击列头...
在DataGrid中为Footer添加自定义内容
chenjinjie的专栏
06-15 919
      Sub Page_Load(Sender As Object, E As EventArgs)    Dim myConnectionString As String = "Data Source=.;Initial Catalog=NorthWind;User Id=sa;Password=;" Dim myConnection As SqlConnection = new Sq
WPF DataGrid分页功能
03-16
在本文中，我们将深入探讨如何在WPF的`DataGrid`中实现分页功能。 首先，我们要理解`DataGrid`的基本用法。`DataGrid`控件可以直接绑定到数据源，如`ObservableCollection`或`ICollectionView`，它会自动根据数据源...
WPF增删改查和分页功能DataGrid
02-27
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中实现DataGrid的增删改查和分页功能。WPF是微软推出的用于构建桌面应用程序的框架，它提供了丰富的UI设计工具和强大的数据绑定机制。...
jQuery EasyUI datagrid实现本地分页的方法
01-19
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法。分享给大家供大家参考。具体如下： 一般分页都是后台做，前端做无论从哪方面考虑都不合适。但是有的时候还是有这种需求。 这里重点用到了pagination的监听...
WPF分页DataGrid
08-26
最近用到WPF的表格控件，需要使用分页功能，找了很多例子都不是很满意。有些是模仿SL做的DataPager导航条，使用的时候还要和DataGrid组合使用，不是很方便。最好还是继承DataGrid的分页表格控件。 于是自己动手封装...
Deep Coral源码（深度相关性学习）
07-25
Deep Coral（深度相关性学习）迁移学习网络资源 Deep Coral是一种先进的迁移学习技术，专注于通过学习源域和目标域之间的相关性来提高模型的泛化能力。这种方法在处理不同数据分布的问题时表现出色，尤其是在无监督领域自适应的场景中。 Deep Coral网络核心特点： 相关性学习 - Deep Coral通过学习源域和目标域特征之间的相关性，减少领域差异，提高模型的泛化能力。 无监督学习 - 该方法无需目标域的标签信息，即可实现有效的领域自适应，适合标签稀缺的场景。 灵活性 - 该网络结构灵活，可以适用于多种不同的迁移学习场景，包括但不限于图像分类、语义分割等。
codeforces round 961 (div. 2)
07-25
A题 思路：对角线上的个数为：n，n-1(2个)，n-2(2个)，n-3(2个),......，1(2个) AC代码： #pragma GCC optimize("O2") #pragma GCC optimize("O3") #include <bits/stdc++.h> using namespace std; #define int long long #define double long double typedef long long ll; typedef unsigned long long ull; typedef pair<int, int> pii; const int N = 1e5 + 5, M = 1e7 + 5, S = 1e6 + 5, inf = 0x3f3f3f3f3f3f3f3f, mod = 1e9 + 7; int n, k; void solve() { cin >> n >> k; vector<int> v; for (int i = n; i >= 1; i--) { if (i
毕业设计：基于Springboot的多媒体信息共享平台
07-25
随着信息时代的到来，传统武理多媒体信息共享管理方式的弊端日益显现。针对这些问题，本文分析了传统方式的不足，并采用计算机技术构建武理多媒体信息共享系统。通过查阅相关文献和研究国内外相关技术，本文提出了一种集作品信息管理与信息共享于一体的系统构建方案。 本系统采用B/S架构，结合Spring Boot框架和MySQL数据库技术，针对国内武理多媒体信息共享系统的现状进行开发。系统包含个人中心、用户管理、作品分类管理、作品信息管理、私聊信息管理、系统管理等多个功能模块。经过测试，本系统达到了设计目标，相较于人工管理方式，显著降低了武理多媒体信息共享管理的经济成本，并大幅提升了管理效率。
2022年河南省特岗教师招聘考试题（考生回忆版）.pdf
07-25
2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）.pdf2022年河南省特岗教师招聘考试题（考生回忆版）
b194红色革命文物征集管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
最新发布
07-25
红色革命文物征集管理系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现红色革命文物征集管理系统的功能。其中管理员管理用户，新闻公告。 红色革命文物征集管理系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，红色革命文物征集管理系统都可以轻松应对。 用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，还进行了对用户名称的模糊查询的条件。文物信息管理页面，此页面提供给管理员的功能有：查看已发布的文物信息数据，修改文物信息，文物信息作废，即可删除，还进行了对文物信息名称的模糊查询 文物信息信息的类型查询等等一些条件。论坛信息管理页面，此页面提供给管理员的功能有：根据论坛信息进行条件查询，还可以对论坛信息进行新增、修改、查询操作等等。公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。
基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip
07-25
基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！ 基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip基于Django+python编写开发的毕业生就业管理系统支持学生教师角色+db数据库（毕业设计新项目）.zip
前端-JavaScrip-Promise-手写Promise
07-25
手写Promise源码 遵循Pormise/A+规范 适合学习Promise源码的同学
《AI大模型应用》--学生作业帮，包含文心一言应用，GPTs，通义千问以及相关插件服务.zip
07-25
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
毕设新项目基于python3.7+django+sqlite开发的学生就业管理系统源码+使用说明（含vue前端源码）.zip
07-25
毕设新项目基于python3.7+django+sqlite开发的学生就业管理系统源码+使用说明（含vue前端源码）.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载！欢迎交流学习！不清楚的可以私信问我！ 学生就业管理系统(前端) ## 项目开发环境 - IDE: vscode - node版本: v12.14.1 - npm版本: 6.13.4 - vue版本: @vue/cli 4.1.2 - 操作系统: UOS 20 ## 1.进入项目目录安装依赖 ``` npm install ``` ## 2.命令行执行进入UI界面进行项目管理 ``` vue ui ``` ## 3.编译发布包(请注意编译后存储路径) #### PS:需要将编译后的包复制到后端项目的根目录下并命名为'static' 学生就业管理系统(后端) ## 1.项目开发环境 - IDE: vscode - Django版本: 3.0.3 - Python版本: python3.7.3 - 数据库 : sqlite3(测试专用) - 操作系统 : UOS 20 ## 2.csdn下载本项目并生成/安装依赖 ``` pip freeze > requirements.txt pip install -r requirements.txt ``` ## 3.项目MySQL数据库链接错误 [点击查看解决方法](https://www.cnblogs.com/izbw/p/11279237.html)
Matlab实现黏菌优化算法SMA-TCN-Multihead-Attention多输入单输出回归预测算法研究.rar
07-25
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
datagrid 分页
05-09
在实现 DataGrid 的分页功能时，可以采用以下步骤： 1. 在后端代码中，根据当前页码和每页显示的数据条数，查询数据库中对应的数据，并返回给前端。 2. 在前端代码中，将后端返回的数据渲染到 DataGrid 中。 3. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值