DataGrid终极分页法：给分页加上总记录数、总页数、当前页数

最新推荐文章于 2024-11-14 11:56:48 发布
最新推荐文章于 2024-11-14 11:56:48 发布
阅读量4k 收藏
点赞数
分类专栏： 数据分页 文章标签： datagrid object dataset microsoft html generator
本文介绍了一种在ASP.NET中使用DataGrid组件时，如何在分页显示数据的同时加入总记录数、总页数及当前页数显示的方法。通过在DataGridPage.aspx.cs文件中的DataGrid1_ItemCreated事件添加特定代码实现这一功能。
摘要由CSDN通过智能技术生成
 如何给DataGrid加上总记录数、总页数、当前页数？如下图所示：

   
还是在DataGridPage.aspx.cs页面里，找到DataGrid1_ItemCreated事件，在这个事件的最后，加上以下代码：
Label la = new Label();
la.Text = "<table width=100%><tr><td align=left>总记录数：<b>"+ViewState["Row"].ToString()+" </b>";
la.Text += "总页数：<b>"+this.DataGrid1.PageCount+" </b>";
la.Text += "当前页：<font color=red><b>"+(this.DataGrid1.CurrentPageIndex+1).ToString()+" </b></font></td><td align=right>";
pager.Controls.AddAt(0,la);

Label lb = new Label();
lb.Text = "</td></tr></table>";
pager.Controls.Add(lb);

    然后在DataGridBind()的“DataView dv = ds.Tables[0].DefaultView;”后加上一句“ViewState["Row"] = dv.Count;”

    编译后看看效果吧。下列是完整的页面代码：

DataGridPage.aspx：

<%@ Page language="c#" Codebehind="DataGridPage.aspx.cs" AutoEventWireup="false" Inherits="test.DataGridPage" %>

<!DOCTYPE HTML PUBLIC "-//W 3C //DTD HTML 4.0 Transitional//EN" >

<HTML>

     <HEAD>

         <title>DataGridPage</title>

         <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

         <meta name="CODE_LANGUAGE" Content="C#">

         <meta name="vs_defaultClientScript" content="JavaScript">

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

         <style type="text/css"> BODY { FONT-SIZE: 9pt ; BACKGROUND-COLOR: #ffffff } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:active { COLOR: #000000; TEXT-DECORATION: none } A:hover { LEFT: 1px; COLOR: #000000; POSITION: relative; TOP: 1px; TEXT-DECORATION: underline } A:link { COLOR: #000000; TEXT-DECORATION: none } TD { FONT-SIZE: 9pt ; FONT-FAMILY: "宋体" } </style>

     </HEAD>

     <body>

         <form id="Form1" method="post" runat="server">

              <FONT face="宋体">

                   <asp:DataGrid id="DataGrid1" runat="server" AllowPaging="True">

                       <PagerStyle VerticalAlign="Middle" HorizontalAlign="Right" Mode="NumericPages"></PagerStyle>

                   </asp:DataGrid></FONT>

         </form>

     </body>

</HTML>

 

DataGridPage.aspx.cs：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.OleDb;

 

namespace test

{

     /// <summary>

     /// DataGridPage 的摘要说明。

     /// </summary>

     public class DataGridPage : System.Web.UI.Page

     {

         protected System.Web.UI.WebControls.DataGrid DataGrid1;

         protected OleDbConnection conn = new OleDbConnection("provider=microsoft.jet.oledb.4.0;data source=C://Program Files//Microsoft Office//OFFICE11//SAMPLES//Northwind.mdb");

    

         private void Page_Load(object sender, System.EventArgs e)

         {

              if (!this.IsPostBack)

              {

                   DataGridBind();

                  

              }

         }

 

         private void DataGridBind()

         {

              string strSql = "select * from 产品";

              DataSet ds = new DataSet();

              conn.Open();

              OleDbDataAdapter myAdapter =  new OleDbDataAdapter(strSql,conn);

              myAdapter.Fill(ds,"ds");

              conn.Close();

 

              DataView dv = ds.Tables[0].DefaultView;

              ViewState["Row"] = dv.Count;;

              this.DataGrid1.DataSource = dv;

              this.DataGrid1.DataBind();

         }

 

         #region Web 窗体设计器生成的代码

         override protected void OnInit(EventArgs e)

         {

              //

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

              //

              InitializeComponent();

              base.OnInit(e);

         }

        

         /// <summary>

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

         /// 此方法的内容。

         /// </summary>

         private void InitializeComponent()

         {   

              this.DataGrid1.ItemCreated += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemCreated);

              this.DataGrid1.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);

              this.Load += new System.EventHandler(this.Page_Load);

 

         }

         #endregion

 

         private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)

         {

              this.DataGrid1.CurrentPageIndex = e.NewPageIndex;

              DataGridBind();

         }

 

         private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

         {

              ListItemType elemType = e.Item.ItemType;

 

              if (elemType == ListItemType.Pager)

              {

                   TableCell pager = (TableCell)e.Item.Controls[0];

                   int up = 0;

                   int down = 0;

                   for (int i=0;i<pager.Controls.Count;i+=2)

                   {

                       Object o = pager.Controls[i];

                       if (o is LinkButton)

                       {

                            LinkButton h = (LinkButton) o;

                            if (h.Text!="...")

                            {

                                 h.ToolTip = "跳转到第"+h.Text+"页";

                            }

                            if (i==2)

                            {

                                 up = int.Parse(h.Text)-1;

                            }

                            if (i==pager.Controls.Count-3)

                            {

                                 down = int.Parse(h.Text)+1;

                            }

                       }

                       else

                       {

                            Label l = (Label) o;

 

                            if (i==2)

                            {

                                 up = int.Parse(l.Text)-1;

                            }

                            if (i==pager.Controls.Count-3)

                            {

                                 down = int.Parse(l.Text)+1;

                            }

 

                            l.Text = "["+l.Text+"]";

                            l.ForeColor = System.Drawing.Color.Red;

                       }

                   }

 

                   Object oo = pager.Controls[0];

                   if (oo is LinkButton)

                   {

                       LinkButton h = (LinkButton) oo;

                       if (h.Text=="...")

                       {

                            h.ToolTip = "跳转到第"+up.ToString()+"页";

                       }

                   }

 

                   Object ooo = pager.Controls[pager.Controls.Count-1];

                   if (ooo is LinkButton)

                   {

                       LinkButton h = (LinkButton) ooo;

                       if (h.Text=="...")

                       {

                            h.ToolTip = "跳转到第"+down.ToString()+"页";

                       }

                   }

 

                   Label la = new Label();

                   la.Text = "<table width=100%><tr><td align=left>总记录数：<b>"+ViewState["Row"].ToString()+" </b>";

                   la.Text += "总页数：<b>"+this.DataGrid1.PageCount+" </b>";

                   la.Text += "当前页：<font color=red><b>"+(this.DataGrid1.CurrentPageIndex+1).ToString()+" </b></font></td><td align=right>";

                   pager.Controls.AddAt(0,la);

 

                   Label lb = new Label();

                   lb.Text = "</td></tr></table>";

                   pager.Controls.Add(lb);

              }

         }

     }

}

wszhoho
关注
专栏目录
获取t:datagrid的总数和当前页总数
shuimu_88的专栏
11-07 567
<t:datagrid name="rowSeatList" checkbox="true" fitColumns="false" title="排座管理" actionUrl="rowSeatController.do?datagrid" idField="id" fit="true" queryMode="group"> <t:dgCol title="主键" f...
DataGrid 分页栏添加合计显示
weixin_30820077的博客
01-06 137
项目中遇到在分页栏添加统计显示的需要，经过观察，可以在该栏动态添加表格来实现： #regionprivatevoiddgPjList_ItemCreated()privatevoiddgPjList_ItemCreated(objectsender,DataGridItemEventArgse){if(e.Ite...
分页缓存设置
yanjun880416的专栏
01-13 1871
1，对于分页来说，效率是关键，本例是在分页的时候，缓存5页记录，默认每页20条，缓存大小100，这可以修改的； 2，基本思路是：第一次查的时候，先判断缓存中存不存在当前页的数据，如果存在，查找缓存中的数据，如果不存在，则去数据库中查询5页数据放入缓存中，然后再缓存中读取数据。如果是当前页是前3页，那么读取1-5页的数据，如果当前页是后3页，读取后5页的数据，如果是中间页，读取当前页前两页+当
easyui datagrid表格最后一行添加合计
andyzhou17951的博客
04-18 1756
1. $.extend($.fn.datagrid.methods, { statistics: function(jq) { var opt = $(jq).datagrid('options').columns; var rows = $(jq).datagrid("getRows"); var foote...
Gridview实现分页
WzhCsdnd的博客
03-10 916
Gridview实现分页
WPF DataGrid分页功能
03-16
5. **显示页码**：为了显示当前页和总页数，你需要计算总页数（`TotalPages = Math.Ceiling((double)totalCount / pageSize)`），并创建相应的导航按钮或者显示控件。 6. **导航功能**：创建“上一页”、“下一页”...
Flex DataGrid分页控件：客户端与服务端实现教程
2. 当前页和总页数：清晰地显示当前页码和总页数，帮助用户了解数据分布。 3. 每页记录数选择：提供一个下拉菜单让用户自定义每页显示的记录数，这将影响总页数和数据加载行为。 4. 页码输入框：允许用户直接输入...
easyui datagrid 分页 不显示总页数
10-07
EasyUI的DataGrid组件在分页功能中，默认情况下会显示当前页、每页显示的记录数以及总共的页数。如果你发现数据网格不显示总页数，可能是以下几个原因导致的： 1. **配置错误**：检查你的DataGrid的配置文件或者...
SSh结合Easyui实现Datagrid的分页显示
09-02
- 创建一个DTO对象，包含展示在Datagrid中的字段，以及分页相关的属性，如total（总记录数）、rows（当前页数据）。Action类将查询结果转换为DTO对象，通过JSON序列化返回给前端。 9. **前端显示**： - Easyui的...
jQuery EasyUI datagrid实现本地分页的方法
10-24
6. 接着，配置分页控件，包括总页数、每页显示多少条数据等。最关键的一步是监听分页控件的onSelectPage事件，该事件在用户切换分页时触发。在这个事件的回调函数中，再次使用slice方法来截取对应页码的数据，并通过...
vb DataGrid 控件的使用
10-05
DataGrid 控件是一种类似于电子数据表的绑定控件，可以显示一系列行和列来表示 Recordset 对象的记录和字段。可以使用 DataGrid 来创建一个允许最终用户阅读和写入到绝大多数数据库的应用程序。DataGrid 控件可以在设计时快速进行配置，只需少量代码或无需代码。当在设计时设置了DataGrid 控件的 DataSource 属性后，就会用数据源的记录集来自动填充该控件，以及自动设置该控件的列标头。然后您就可以编辑该网格的列；删除、重新安排、添加列标头、或者调整任意一列的宽度。
vb中datagrid控件的详细使用方法
10-20
vb中datagrid控件的详细使用方法，拿出来给大家看看！！！！是学习datagrid控件的好助手
Vue开发学习笔记:(二)、实现KendoUIGrid新增数据功能
JustWantToFly的博客
02-25 1214
1.引用KendoUIGird并设置相关的属性 <div id="ShowData"> <div class="searchLabel">信息区</div> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <!-- editable:设置Grid单元格可编辑性;inline:
深入DataGrid分页样式实例
weixin_30293079的博客
06-17 173
DataGrid提供了分页功能，不过看上去功能有限，但是我们可以通过DataGrid的一些属性来获取状态以及增加首页、尾页功能按钮。这里没有使用DataGrid的自定义分页功能，如果在速度效率不是很讲究的情况下，由DataGrid自己管理分页还是不错的，付出的代价就是要把整个相关数据取出来后再删选指定页的数据。好处就是开发速度快，不需要写分页的存储过程。本文事例使用的是Sql Serve...
一个功能齐全的DataGrid分页例子
技术资料收集站
07-30 325
C#版本 例子 DataGridPaging.aspx  AutoEventWireup="false" Inherits="eMeng.Exam.DataGridPaging.DataGridPaging" %> HorizontalAlign="Center" AlternatingItemStyle-BackColor="#e
jquery.dataGrid 分页跳转指定页
harborkang的博客
05-28 445
效果: 原理是覆盖原有方法 pageHtmlControl 相关js: function pageHtmlControl(b) { var a = ['<ul class="pagination">\n']; a.push('<li class="disabled controls" title="' + $.jgrid.extend.pageTitle + '">' + $.jgrid.extend.pageLabelA + " "); a.push.
easyui datagrid 使用技巧汇总
yqj234的专栏
12-20 1560
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条），每页显示1000行 一表头固定 1 当数据行很多时，会呈现垂直的滚动条，但是向下滚动，表头却被淹没了，所以需要固定表头。 datagrid.datagrid({ fit: true }); 二冻结表列 2 当数据列很多时，会出现水平滚动条。某些列时特定要一直显示的(冻结列)。 datagrid.datagrid({ frozenColumns: [[ ...
SQL中的时间类型：深入解析与应用
最新发布
qq_51321722的博客
11-14 320
SQL标准定义了多种时间类型，但具体支持哪些类型可能因不同的数据库管理系统（DBMS）而异。DATE：仅存储日期部分，格式为YYYY-MM-DD。TIME：仅存储时间部分，格式为HH:MI:SS，可选地包含小数秒。DATETIME（或TIMESTAMP）：存储日期和时间，格式为，通常包含时区信息（在TIMESTAMP中）。YEAR：存储年份，格式为YYYY。INTERVAL：存储时间间隔，可以表示如“3天”、“4小时”等时间长度。SQL中的时间类型为我们提供了强大的时间数据处理能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值