一、说明
AspNetPager.dll这个分页控件主要用于asp.net webform网站,现将整理代码如下
二、代码
1、首先在测试页面Default.aspx页面添加引用
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
2、写一个Repeater列表控件用于显示数据
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= "首页" HorizontalAlign= "Center" inputboxstyle= "width:19px" LastPageText= "尾页" meta:resourcekey= "AspNetPager1" NextPageText= "下一页" PageSize= "10" PrevPageText= "上一页" Style= "font-size: 14px" Width= "95%" CssClass= "anpager" CurrentPageButtonClass= "cpb" OnPageChanging= "AspNetPager1_PageChanging" ShowBoxThreshold= "10" > </webdiyer:AspNetPager> |
PageSize属性是用于设置每页显示的数量
4、后台代码绑定
1
2
3
4
5
6
7
|
//测试数据源<br>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(); } |
Access是测试数据库访问类,在最后的Demo中提供给大家
5、分页控件点击页码事件
1
2
3
4
5
6
|
//分页 protected void AspNetPager1_PageChanging( object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this .AspNetPager1.CurrentPageIndex = e.NewPageIndex; ShowNews(); } |
最后奉上整页代码:
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" > <head runat= "server" > <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> <title>asp.net分页控件</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= "首页" HorizontalAlign= "Center" inputboxstyle= "width:19px" LastPageText= "尾页" meta:resourcekey= "AspNetPager1" NextPageText= "下一页" PageSize= "10" PrevPageText= "上一页" 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(); } } //测试数据源 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(); } //分页点击页码事件 protected void AspNetPager1_PageChanging( object src, Wuqi.Webdiyer.PageChangingEventArgs e) { this .AspNetPager1.CurrentPageIndex = e.NewPageIndex; ShowNews(); } } |
三、Demo
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,同时也希望多多支持服务器之家!
原文链接:http://www.cnblogs.com/lengzhan/p/6054583.html