深入DataGrid分页样式实例

最新推荐文章于 2024-08-23 16:26:38 发布
最新推荐文章于 2024-08-23 16:26:38 发布
阅读量1.4k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limshirley/article/details/70210446
版权
DataGrid提供了分页功能，不过看上去功能有限，但是我们可以通过DataGrid的一些属性来获取状态以及增加首页、尾页
功能按钮。这里没有使用DataGrid的自定义分页功能，如果在速度效率不是很讲究的情况下，由DataGrid自己管理分页还
是不错的，付出的代价就是要把整个相关数据取出来后再删选指定页的数据。好处就是开发速度快，不需要写分页的存储过
程。本文事例使用的是Sql Server中的Northwind数据库。运行界面如下： 

对于前台的显示界面，我放了一个DataGrid；四个LinkButton导向按钮；四个Literal来显示纪录状态。
剩下的就是用表格定位。

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

HTML:
-------------------------------------------------------------------------------------------------------
<%@ Page language="c#" Codebehind="DataGridPaging.aspx.cs" AutoEventWireup="false" Inherits="ZZ.AspnetPaging.DataGridPaging" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>DataGridPaging</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
 </HEAD>
 <body>
  <form id="Form1" method="post" runat="server">
   <TABLE id="Table1" style="FONT-SIZE: 9pt" cellSpacing="1" cellPadding="1" width="450" align="center"
    border="1">
    <TR>
     <TD>
      <asp:datagrid id="DataGrid1" runat="server" AllowPaging="True" Width="100%" PageSize="5">
       <HeaderStyle Font-Size="9pt"></HeaderStyle>
       <FooterStyle Font-Size="9pt"></FooterStyle>
       <PagerStyle Visible="False" Font-Size="9pt" Mode="NumericPages"></PagerStyle>
      </asp:datagrid></TD>
    </TR>
   </TABLE>
   <TABLE id="Table2" style="FONT-SIZE: 9pt" cellSpacing="1" cellPadding="1" width="450" align="center"
    border="1">
    <TR>
     <TD style="WIDTH: 207px">
      <asp:linkbutton id="LBtnFirst" runat="server" CommandName="First">首页</asp:linkbutton>
      <asp:linkbutton id="LBtnPrev" runat="server" CommandName="Prev">上一页</asp:linkbutton>
      <asp:linkbutton id="LBtnNext" runat="server" CommandName="Next">下一页</asp:linkbutton>
      <asp:linkbutton id="LBtnLast" runat="server" CommandName="Last">尾页</asp:linkbutton>
     </TD>
     <TD>第
      <asp:literal id="LtlPageIndex" runat="server"></asp:literal>页 共
      <asp:literal id="LtlPageCount" runat="server"></asp:literal>页 每页
      <asp:literal id="LtlPageSize" runat="server"></asp:literal>条 共
      <asp:literal id="LtlRecordCount" runat="server"></asp:literal>条
     </TD>
    </TR>
   </TABLE>
  </form>
 </body>
</HTML>

 


.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.SqlClient;

using System.Configuration;

 

namespace ZZ.AspnetPaging

{

 public class DataGridPaging : System.Web.UI.Page

 {

  private static string connString = ConfigurationSettings.AppSettings["ConnString"];

  private int recordCount;

  private int pageCount;

 

  protected System.Web.UI.WebControls.LinkButton LBtnFirst;

  protected System.Web.UI.WebControls.LinkButton LBtnPrev;

  protected System.Web.UI.WebControls.LinkButton LBtnNext;

  protected System.Web.UI.WebControls.LinkButton LBtnLast;

  protected System.Web.UI.WebControls.Literal LtlPageIndex;

  protected System.Web.UI.WebControls.Literal LtlPageCount;

  protected System.Web.UI.WebControls.Literal LtlPageSize;

  protected System.Web.UI.WebControls.Literal LtlRecordCount;

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

    

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

  {

   if(!Page.IsPostBack)

   {

    DataGridDataBind();

   }

  }

 

  //绑定数据

  private void DataGridDataBind()

  {

   DataSet ds = GetCustomersData();

   recordCount = ds.Tables[0].Rows.Count;

   //获取当前的页数

   pageCount = (int)Math.Ceiling( recordCount * 1.0 / PageSize);

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

   if(recordCount ==0)

   {

    this.DataGrid1.CurrentPageIndex = 0;

   }

   else if(this.DataGrid1.CurrentPageIndex >= pageCount)

   {

    this.DataGrid1.CurrentPageIndex = pageCount - 1;

   }

   this.DataGrid1.DataSource = ds;

   this.DataGrid1.DataBind();

   NavigationStateChange();

  }

 

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

  override protected void OnInit(EventArgs e)

  {

   //

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

   //

   InitializeComponent();

   base.OnInit(e);

  }

        

  /// <summary>

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

  /// 此方法的内容。

  /// </summary>

  private void InitializeComponent()

  {   

   this.LBtnFirst.Click += new System.EventHandler(this.LBtnNavigation_Click);

   this.LBtnPrev.Click += new System.EventHandler(this.LBtnNavigation_Click);

   this.LBtnNext.Click += new System.EventHandler(this.LBtnNavigation_Click);

   this.LBtnLast.Click += new System.EventHandler(this.LBtnNavigation_Click);

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

 

  }

  #endregion

 

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

  {

   LinkButton btn = (LinkButton)sender;

   switch(btn.CommandName)

   {

    case "First":

     PageIndex = 0;

     break;

    case "Prev"://if( PageIndex > 0 )

     PageIndex = PageIndex - 1;

     break;

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

     PageIndex = PageIndex + 1;

     break;

    case "Last":

     PageIndex = PageCount - 1;

     break;

   }

   DataGridDataBind();             

  }

  //数据绑定

  public static DataSet GetCustomersData()

  {

   SqlConnection conn = new SqlConnection("server=.;database=northwind;uid=sa");

   string sqlStr = "SELECT CustomerID, CompanyName,Address,Phone FROM Customers";

   SqlCommand comm = new SqlCommand( sqlStr ,conn);

   SqlDataAdapter dataAdapter = new SqlDataAdapter(comm);

   DataSet ds = new DataSet();

   dataAdapter.Fill(ds);

   return ds;

  }

 

  /// <summary>

  /// 控制导航按钮或数字的状态

  /// </summary>

  public void NavigationStateChange()

  {

   if( PageCount <= 1 )//( RecordCount <= PageSize )//小于等于一页

   {

    this.LBtnFirst.Enabled = false;

    this.LBtnPrev.Enabled = false;

    this.LBtnNext.Enabled = false;

    this.LBtnLast.Enabled = false;

   }

   else //有多页

   {

    if( PageIndex == 0 )//当前为第一页

    {

     this.LBtnFirst.Enabled = false;

     this.LBtnPrev.Enabled = false;

     this.LBtnNext.Enabled = true;

     this.LBtnLast.Enabled = true;

                                    

    }

    else if( PageIndex == PageCount - 1 )//当前为最后页

    {

     this.LBtnFirst.Enabled = true;

     this.LBtnPrev.Enabled = true;

     this.LBtnNext.Enabled = false;

     this.LBtnLast.Enabled = false;

                                    

    }

    else //中间页

    {

     this.LBtnFirst.Enabled = true;

     this.LBtnPrev.Enabled = true;

     this.LBtnNext.Enabled = true;

     this.LBtnLast.Enabled = true;

    }

                  

   }

   if(RecordCount == 0)//当没有纪录时DataGrid.PageCount会显示1页

    this.LtlPageCount.Text = "0";

   else

    this.LtlPageCount.Text = PageCount.ToString();

   if(RecordCount == 0)

    this.LtlPageIndex.Text = "0";

   else

    this.LtlPageIndex.Text = (PageIndex + 1).ToString();//在有页数的情况下前台显示页数加1

   this.LtlPageSize.Text = PageSize.ToString();

   this.LtlRecordCount.Text = RecordCount.ToString();

  }

 

        

  // 总页数

  public int PageCount

  {

   get{return this.DataGrid1.PageCount;}

  }

  //页大小

  public int PageSize

  {

   get{return this.DataGrid1.PageSize;}

  }

  //页索引，从零开始

  public int PageIndex

  {

   get{return this.DataGrid1.CurrentPageIndex;}

   set{this.DataGrid1.CurrentPageIndex = value;}

  }

  // 纪录总数

  public int RecordCount

  {

   get{return recordCount;}

   set{recordCount = value;}

  }

 }

}

 

limshirley
关注
多种条件查询,Adodc1,DataGrid1的应用(VB6.0源代码编写
12-31
多种条件查询,Adodc1,DataGrid1的应用(VB6.0源代码编写
WPF 分页DataGrid 分页控件的实现
06-18
实现DataGrid分页的核心在于使用ICollectionView的Paging特性。以下是一些关键步骤： 1. **创建数据源**：首先，你需要创建一个包含大量数据的集合。这可以是一个ObservableCollection，或者你可以从数据库、XML...
c#-DataGridView控件实现分页
最新发布
Yyuanyuxin的博客
08-23 980
有时候我们需要进行分页显示，第一方面是在大数据量下可以降低卡顿，另一方面也是方便查找。首先划重点，如果卡顿，不要用单元格填充的方式去刷新，用绑定数据源的方式比较高效！下面重点讲如何使用数据源绑定数据的方式，对数据进行分页展示。本文中配合使用了BindingNavigator控件，该控件有很多功能，因为开发时间比较紧急，下文中仅使用该控件进行按钮的替代。
改变DataGrid分页栏的样式
da.wang的博客
06-22 4473
如何使DataGrid控件的分页导航条变个样式。 用DataGrid控件进行分页时，要么上一页，下一页，要么全是数字，做出后自己都看不过眼，更别提普通浏览者了。可是怎么改变一下呢？？ 其实也不是很难，先看看DataGrid显示的是什么东东，这样可能会有点眉目。￠ 在DataGrid中，分页导航栏是用一行(TableRow)来表现出来，在这个行(TableRow)中，只有一个列(TableCell)
DataGrid应用样式文件定义动态样式
张锋的博客
06-14 5700
DataGrid应用样式文件定义动态样式 hbzxf(阿好)http://www.cnblogs.com/hbzxf     在ASP.NET开发过程中，DataGrid使用的频率是非常高的，对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每个页面都要
DataGrid样式.rar
05-14
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中通过自定义控件来重写DataGrid的样式，实现列表头的自动合并以及数据的分页显示或分页查询功能。DataGrid是WPF中一个强大的数据展示...
EasyUI DataGrid分页展示教程：实例与参考
在本篇文章中，我们将深入探讨EasyUI框架中的DataGird组件如何实现分页显示数据的功能。EasyUI是一个轻量级且功能丰富的前端UI库，特别适合快速构建企业级Web应用。本文将作为学习者进行EasyUI DataGird使用的指南，...
jQuery EasyUI datagrid实现本地分页的方法
10-24
综上所述，通过实例代码与详细解析，展示了如何使用jQuery EasyUI datagrid组件，结合JavaScript的数组操作和事件监听功能，实现前端的本地分页。这种实现方式可以提高前端的处理能力，但在实际应用中还需要根据数据...
C# WPF界面开发深入：DataGrid分页功能实现
资源摘要信息:"在C# WPF界面开发中，DataGridPageDemo是一个展示如何使用DataGrid控件进行数据分页处理的实例。DataGrid是WPF中一个非常强大的控件，它可以用来显示和编辑数据。然而，在处理大量数据时，一次性将...
VB6 设计带记忆的DataGrid数据录入窗口.rar
07-10
VB6 设计带记忆的数据录入窗口，这种记忆实际上是将DataGrid临时输入的数据存入到数据库中了，是一个数据库应用范例，本例子中的数据库采用的Access。在本例中，用户临时对任意DataGrid行列操作时输入的内容，临时保存至数据库中，使用时及时读取，模拟中了记忆功能，方便了用户操作，不过未做测试，不知道数据量较大的时候，会不会对数据库造成压力，有心者可以自行测试哦。
jquery-easyui的Datagrid(数据表)的介绍
CCStory的专栏
03-16 2375
post by 唐斌 / 2012-2-28 13:19 Tuesday Datagrid(数据表) 依赖的组件 resizable linkbutton pagination DataGrid Options对象的属性 名称(Name) 类型(Type) 描述(Description) 默认值(Default)
EasyUI-- datagrid分页详解
热门推荐
程序员大阳
03-15 1万+
分页的英文是pagination，记住这个单词，因为会经常遇见。在EasyUI框架下，datagrid使用分页简单到令人发指，只需要2点：1，为table启用class=”easyui-datagrid”，这样table就成为了一个数据网格。2，为table启用pagination=”true”，表示表格启用分页功能。<table id="userTable" title="用户列表" class=
Datagrid中设置样式
福建开源社区创始人www.fjkysq.com
08-12 2301
有时候，在项目需求中，尤其是做报表的模块，用Datagrid做出来的报表是单一的，如果客户想要报表中按数量排序，前十的数据特别显示出来，意思也就是让客户一眼能看到这十个数据是比较特殊表现。 可以使用Datagrid中的rowStyler $("#xxxx").datagrid({ rowStyler:function(index,row) { if(index<10){ return 'baa
VB6 DataGrid脱离数据库表绑定自定义数据
蜗牛的生涯
02-09 703
在代码头部定义全局变量 [code="VB6"] Option Explicit Dim rs As New ADODB.Recordset [/code] 在初始化Initialize方法部分添加下列代码 [code="VB6"] rs.CursorLocation = adUseClient rs.Fields.Append "状态", adVarChar, 20 rs.Fi...
DataGridView绑定数据源
Cherie
08-24 3473
给DataGridView绑定数据源难吗？一点都不难
WPF—自定义分页
qq_38567182的博客
05-24 1737
WPF DataGrid 分页DataGridDataGrid 美化DataGrid 数据源绑定DataGrid 分页页面调用分页 WPF DataGrid 分页 DataGrid DataGrid 数据列表 看一下DataGrid的独特属性： AlternationCount：设置ItemControl中交替项的数据，可以理解为隔几行换色设置 AutoGenerateColumns：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值