快捷導(dǎo)航

asp.net下Repeater使用 AspNetPager分頁控件

更新時(shí)間：2010年03月30日 13:08:02 作者：

AspNetPager針對(duì)ASP.NET分頁控件的不足，提出了與眾不同的解決asp.net中分頁問題的方案

一、AspNetPager分頁控件
分頁是Web應(yīng)用程序中最常用到的功能之一，在ASP.NET中，雖然自帶了一個(gè)可以分頁的DataGrid（asp.net 1.1）和GridView（asp.net 2.0）控件，但其分頁功能并不盡如人意，如可定制性差、無法通過Url實(shí)現(xiàn)分頁功能等，而且有時(shí)候我們需要對(duì)DataList和Repeater甚至自定義數(shù)據(jù)綁定控件進(jìn)行分頁，手工編寫分頁代碼不但技術(shù)難度大、任務(wù)繁瑣而且代碼重用率極低，因此分頁已成為許多ASP.NET程序員最頭疼的問題之一。
AspNetPager針對(duì)ASP.NET分頁控件的不足，提出了與眾不同的解決asp.net中分頁問題的方案，即將分頁導(dǎo)航功能與數(shù)據(jù)顯示功能完全獨(dú)立開來，由用戶自己控制數(shù)據(jù)的獲取及顯示方式，因此可以被靈活地應(yīng)用于任何需要實(shí)現(xiàn)分頁導(dǎo)航功能的地方，如為GridView、DataList以及Repeater等數(shù)據(jù)綁定控件實(shí)現(xiàn)分頁、呈現(xiàn)自定義的分頁數(shù)據(jù)以及制作圖片瀏覽程序等，因?yàn)锳spNetPager控件和數(shù)據(jù)是獨(dú)立的，因此要分頁的數(shù)據(jù)可以來自任何數(shù)據(jù)源，如SQL Server、Oracle、Access、mysql、DB2等數(shù)據(jù)庫以及XML文件、內(nèi)存數(shù)據(jù)或緩存中的數(shù)據(jù)、文件系統(tǒng)等等。
二、基本屬性：
AlwaysShow:
默認(rèn)情況下，當(dāng)要分頁的數(shù)據(jù)只有一頁時(shí)，AspNetPager默認(rèn)會(huì)自動(dòng)危險(xiǎn)期而不在頁面上顯示任何可見內(nèi)容，將此屬性值設(shè)為true時(shí)，即使總頁數(shù)只有一頁，AspNetPager也將顯示分頁導(dǎo)航元素。
FirstPageText:
獲取或設(shè)置為第一頁按鈕顯示的文本。
LastPageText:
獲取或設(shè)置為最后一頁按鈕顯示的文本。
NextPageText:
獲取或設(shè)置為下一頁按鈕顯示的文本。
PrevPageText:
獲取或設(shè)置為上一頁按鈕顯示的文本。
PageSize:
獲取或設(shè)置每頁顯示的項(xiàng)數(shù)。(該值獲取或設(shè)置數(shù)據(jù)呈現(xiàn)控件每次要顯示數(shù)據(jù)表中的的數(shù)據(jù)的項(xiàng)數(shù)，AspNetPager根據(jù)該值和 RecordCount 來計(jì)算顯示所有數(shù)據(jù)需要的總頁數(shù)，即 PageCount的值。 )
CssClass:
應(yīng)用于控件的css類名
CurrentPageButtonClass：
獲取或設(shè)置AspNetPager分頁控件當(dāng)前頁導(dǎo)航按鈕的級(jí)聯(lián)樣式表 (CSS) 類。
PageIndexBoxType：
或者或設(shè)置頁索引框的顯示類型，可以是允許用戶手工輸入的文本框和只能選擇的下拉框。
ShowBoxThreshold：
當(dāng) ShowPageIndexBox 設(shè)為Auto（默認(rèn)）并且要分頁的數(shù)據(jù)的總頁數(shù)達(dá)到該值時(shí)會(huì)自動(dòng)顯示頁索引輸入文本框，默認(rèn)值為30。該選項(xiàng)當(dāng) ShowPageIndexBox 設(shè)為Never或Always時(shí)沒有任何作用。
三、風(fēng)格樣式：
===== 網(wǎng)易風(fēng)格 =====
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;}
屬性設(shè)置：CssClass="anpager" CurrentPageButtonClass="cpb"
===== 拍拍網(wǎng)風(fēng)格 =====
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
屬性設(shè)置：CssClass="paginator" CurrentPageButtonClass="cpb"
===== 迅雷風(fēng)格 =====
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
屬性設(shè)置：CssClass="pages" CurrentPageButtonClass="cpb"
四、如何調(diào)用：
index.aspx文件

復(fù)制代碼代碼如下:

 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> 
<%@ Register src="hand.ascx" tagname="hand" tagprefix="uc1" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<link href="inc/css.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
/*網(wǎng)易風(fēng)格*/ 
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;} 
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none} 
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;} 
/*拍拍網(wǎng)風(fēng)格*/ 
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;} 
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px} 
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;} 
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none} 
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;} 
/*迅雷風(fēng)格*/ 
.pages { color: #999 } 
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;} 
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;} 
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;} 
.code{font-weight:bold;color:blue} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<uc1:hand ID="hand1" runat="server" /> 
<div style="text-align:left; line-height:20px"> 
<asp:Repeater ID="SoftDown" runat="server"> 
<ItemTemplate> 
<div style="border-bottom:1px solid #000000"><%#Eval("E_id")%> <%#Eval("Class")%><br><%#Eval("DownTitle")%><br><%#Eval("PageHome")%></div> 
</ItemTemplate> 
</asp:Repeater> 
<div style="text-align:right; padding-top:10px"> 
<webdiyer:AspNetPager ID="AspNetPager1" runat="server" pagesize="5" CssClass="anpager" onpagechanged="AspNetPager1_PageChanged" 
FirstPageText="首頁" LastPageText="尾頁" NextPageText="下一頁" PrevPageText="上一頁" 
ShowMoreButtons="False" ShowPageIndexBox="Never"> 
</webdiyer:AspNetPager></div> 
</div> 
</form> 
</body> 
</html> 

index.aspx.cs

復(fù)制代碼代碼如下:

 
using System; 
using System.Collections; 
using System.Configuration; 
using System.Data; 
using System.Linq; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Xml.Linq; 
using System.Data.SqlClient; 
using GHSqlConn; 
using Wuqi.Webdiyer; 
public partial class Default2 : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) { 
SqlConnection conn = DB.getConnection(); 
conn.Open(); 
SqlCommand Count = new SqlCommand(); 
Count.Connection = conn; 
Count.CommandText = "select count(*) from T_SoftDown1"; 
AspNetPager1.RecordCount = (int)Count.ExecuteScalar(); 
//Response.Write(AspNetPager1.RecordCount); 
conn.Close(); 
BindData(); 
} 
} 
public void BindData() 
{ 
SqlConnection conn = DB.getConnection(); 
string sql = "select * from T_SoftDown1 order by E_id desc";//這句在大型數(shù)據(jù)中應(yīng)該用：select top查詢語句 
SqlDataAdapter da = new SqlDataAdapter(sql, conn); 
DataSet ds = new DataSet(); 
da.Fill(ds, AspNetPager1.PageSize * (AspNetPager1.CurrentPageIndex - 1), AspNetPager1.PageSize, "temptbl"); 
DataTable dt = ds.Tables["temptbl"]; 
SoftDown.DataSource=dt; 
SoftDown.DataBind(); 
} 
protected void AspNetPager1_PageChanged(object src, EventArgs e) 
{ 
//AspNetPager1.CurrentPageIndex = e.NewPageIndex; 
BindData(); 
} 
} 