<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、添加

<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)代碼綁定

//測(cè)試數(shù)據(jù)源<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是測(cè)試數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)類(lèi)，在最后的Demo中提供給大家

5、分頁(yè)控件點(diǎn)擊頁(yè)碼事件

//分頁(yè)
protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e)
{
　　this.AspNetPager1.CurrentPageIndex = e.NewPageIndex;
　　ShowNews();
}

最后奉上整頁(yè)代碼：

Default.aspx

<%@ 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

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í)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章: