一、說明
AspNetPager.dll這個(gè)分頁(yè)控件主要用于asp.net webform網(wǎng)站,現(xiàn)將整理代碼如下
二、代碼
1、首先在測(cè)試頁(yè)面Default.aspx頁(yè)面添加引用
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
2、寫一個(gè)Repeater列表控件用于顯示數(shù)據(jù)
1
2
3
4
5
6
7
8
|
<asp:Repeater ID= "rptNews" runat= "server" > <ItemTemplate> <li> <span><%# Eval( "time" ) %></span> <a href= "NewsShow.aspx?id=<%# Eval(" id ") %>" ><%# Access.GetStringNum( Eval( "name" ).ToString(),15) %></a> </li> </ItemTemplate> </asp:Repeater> |
3、添加
1
2
3
4
5
6
|
<webdiyer:AspNetPager ID= "AspNetPager1" runat= "server" AlwaysShow= "True" CustomInfoStyle= "FONT-SIZE: 12px" FirstPageText= "首頁(yè)" HorizontalAlign= "Center" inputboxstyle= "width:19px" LastPageText= "尾頁(yè)" meta:resourcekey= "AspNetPager1" NextPageText= "下一頁(yè)" PageSize= "10" PrevPageText= "上一頁(yè)" Style= "font-size: 14px" Width= "95%" CssClass= "anpager" CurrentPageButtonClass= "cpb" OnPageChanging= "AspNetPager1_PageChanging" ShowBoxThreshold= "10" > </webdiyer:AspNetPager> |
PageSize屬性是用于設(shè)置每頁(yè)顯示的數(shù)量
4、后臺(tái)代碼綁定
Access是測(cè)試數(shù)據(jù)庫(kù)訪問類,在最后的Demo中提供給大家
5、分頁(yè)控件點(diǎn)擊頁(yè)碼事件
1
2
3
4
5
6
|
//分頁(yè) protected void AspNetPager1_PageChanging( object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this .AspNetPager1.CurrentPageIndex = e.NewPageIndex; ShowNews(); } |
最后奉上整頁(yè)代碼:
Default.aspx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> <!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" > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >asp.net分頁(yè)控件</ title > < link href = "css/css.css" rel = "stylesheet" type = "text/css" /> < style type = "text/css" > .aboutcontentnr{width:100%; height:auto; } </ style > </ head > < body > < form id = "form1" runat = "server" > < div > < ul class = "news" > < asp:Repeater ID = "rptNews" runat = "server" > < ItemTemplate > < li >< span > <%# Eval("time") %></ span >< a href = "NewsShow.aspx?id=<%# Eval(" id") %>"><%# Access.GetStringNum( Eval("name").ToString(),15) %></ a ></ li > </ ItemTemplate > </ asp:Repeater > </ ul > < div class = "paginator" > < webdiyer:AspNetPager ID = "AspNetPager1" runat = "server" AlwaysShow = "True" CustomInfoStyle = "FONT-SIZE: 12px" FirstPageText = "首頁(yè)" HorizontalAlign = "Center" inputboxstyle = "width:19px" LastPageText = "尾頁(yè)" meta:resourcekey = "AspNetPager1" NextPageText = "下一頁(yè)" PageSize = "10" PrevPageText = "上一頁(yè)" Style = "font-size: 14px" Width = "95%" CssClass = "anpager" CurrentPageButtonClass = "cpb" OnPageChanging = "AspNetPager1_PageChanging" ShowBoxThreshold = "10" > </ webdiyer:AspNetPager > </ div > </ div > </ form > </ body > </ html > |
Default.aspx.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; public partial class Default : System.Web.UI.Page { protected void Page_Load( object sender, EventArgs e) { if (!IsPostBack) { ShowNews(); } } //測(cè)試數(shù)據(jù)源 private void ShowNews() { String strSql = String.Format( "select * from News order by time asc" ); DataTable dtbl = Access.ExecuteDataTable(strSql, null ); this .rptNews.DataSource = Access.GetPageDataSource(AspNetPager1, AspNetPager1.CurrentPageIndex - 1, dtbl); this .rptNews.DataBind(); } //分頁(yè)點(diǎn)擊頁(yè)碼事件 protected void AspNetPager1_PageChanging( object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this .AspNetPager1.CurrentPageIndex = e.NewPageIndex; ShowNews(); } } |
三、Demo
AspNetPager(dll)
AspNetPage(Demo)
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持服務(wù)器之家!
原文鏈接:http://www.cnblogs.com/lengzhan/p/6054583.html