DataGrid提供了分頁功能,不過看上去功能有限,但是我們可以通過DataGrid的一些屬性來獲取狀態以及增加首頁、尾頁功能按鈕。這裡沒有使用DataGrid的自定義分頁功能,如果在速度效率不是很講究的情況下,由DataGrid自己管理分頁還是不錯的,付出的代價就是要把整個相關數據取出來後再刪選指定頁的數據。好處就是開發速度快,不需要寫分頁的存儲過程。本文事例使用的是Sql Server中的Northwind數據庫。運行界面如下:
對於前台的顯示界面,我放了一個DataGrid;四個LinkButton導向按鈕;四個Literal來顯示紀錄狀態。
剩下的就是用表格定位。
這裡需要設置DataGrid的AllowPaging屬性為True,同時設置AllowCustomPaging屬性位false(默認為false),設置PagerStyle的Visible屬性為False,使前台不顯示。
前台的代碼如下:
<%@ 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" PageSize="5" Width="100%" AllowPaging="True">
<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文件代碼,DataGridPaging類從System.Web.UI.Page繼承,在數據綁定時需要注意沒有數據的情況(0頁時),以及當頁數減少時避免前台正在反頁導致缺頁。
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;