当然首先你要把bin文件放进你的项目，并加到你的工具栏去
//页头需引用的 <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> 控件部分（格式已经设计好） <webdiyer:AspNetPager runat="server" AlwaysShow="True" FirstPageText="<font face='Webdings'>9</font>" LastPageText="<font face='Webdings'>:</font>" NextPageText="<font face='Webdings'>8</font>" PrevPageText="<font face='Webdings'>7</font>" ShowCustomInfoSection="Left" InputBoxStyle="width:19px" TextAfterInputBox="页" TextBeforeInputBox="转到第" CustomInfoHTML="共检索到<strong>%RecordCount%</strong>条记录 页次：<strong>%CurrentPageIndex%/%PageCount%</strong> 每页<strong>%PageSize%</strong>条" HorizontalAlign="Right" ShowInputBox="Always" OnPageChanged="AspNetPager1_PageChanged" PageSize="20" ShowBoxThreshold="1"> </webdiyer:AspNetPager>
后台绑定的代码
void databind() { int QYId = Convert.ToInt32(Request.Cookies["CompenyUser"].Value);//企业的Id DataTable dt = bll.Viewlist(QYId); this.AspNetPager1.RecordCount = dt.Rows.Count;//获取数据的总数 PagedDataSource pds = new PagedDataSource(); pds.DataSource = dt.DefaultView;//为控件绑定数据 pds.AllowPaging = true;//分页启用 pds.PageSize = AspNetPager1.PageSize;//获取每页显示的数量 pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1; Repeater1.DataSource = pds; Repeater1.DataBind(); }
分页，只需要把绑定放在AspNetPager1_PageChanged 事件里
再给大家一个实例
前台页面代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TF_Product.aspx.cs" Inherits="TF_Product" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ Register assembly="AspNetPager" namespace="Wuqi.Webdiyer" tagprefix="webdiyer" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>通服产品</title> <script src="https://www.jb51.net/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(left.png)"}); }); }); </script> <style type="text/css"> .menu_list { width: 229px; font-size:13px; } .menu_head { padding: 8px 60px; cursor: pointer; position: relative; margin:1px; height:16px; background: #DFEDFA url(left.png) center right no-repeat; } .menu_body { display:none;} .menu_body a { display:block; color:#006699; background-color:#EFEFEF; padding-left:60px; padding-top:8px; padding-bottom:3px; text-decoration:none; } .menu_body a:hover { color: #000000; text-decoration:underline; } </style> <meta content="通服科技"> <meta content="江西通服科技有限公司"> <link href="https://www.jb51.net/article/Index_files/style.css" type="text/css"> <script src="https://www.jb51.net/js/AC_RunActiveContent.js" type="text/javascript"></script> <!--焦点图--> <style type="text/css"> .anpager{background:#DFEDFA none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;padding:4px 5px 4px 5px;} .container, .container *{margin:0; padding:0;} .container{width:886px; height:267px; overflow:hidden;position:relative;} .slider{position:absolute;} .slider li{ list-style:none;display:inline;} .slider img{ width:886px; height:267px; display:block;} .num{ position:absolute; right:5px; bottom:5px;} .num li{ float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #FF7300; background-color: #fff; } .num li.on{ color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #FF7300; font-weight: bold; } </style> <!--焦点图--> </head> <body> <form runat="server"> <!--头部--> <table cellpadding="0" cellspacing="2" bgcolor="#FFFFFF"> <tbody> <tr> <td> <table cellpadding="0" cellspacing="0"> <tbody> <tr><td rowspan="2"><img src="https://www.jb51.net/article/Index_files/LOGO_SY180-60.png"></td> <td valign="top"> 【登陆】【注册】 </td> </tr> </tbody> </table> </td> </tr> <tr> <td ><div></div> <div> <a href="https://www.jb51.net/Default.aspx" target="_self">首页 |</a></div> <div> <a href="https://www.jb51.net/TF_RecList.aspx" target="_self">新闻中心 |</a></div> <div> <a href="https://www.jb51.net/TF_Product.aspx" target="_self">通服产品 |</a></div> <div> <a href="https://www.jb51.net/TF_Objects.aspx" target="_self">公司业绩 |</a></div> <div> <a href="https://www.jb51.net/TF_Servers.aspx" target="_self">服务中心 |</a></div> <div> <a href="https://www.jb51.net/TF_Solution.aspx" target="_self">解决方案 |</a></div> <div> <a href="https://www.jb51.net/AboutUs.aspx" target="_self">关于我们 |</a></div> </td> </tr> <tr> <td> <div> <ul> <li><img src="https://www.jb51.net/images/01.jpg"/></li> </ul> </div> </td> </tr> </tbody> </table> <!--中间--> <table cellpadding="0" cellspacing="2" bgcolor="#FFFFFF"> <tbody> <tr> <td> <div> <table> <tr> <td>首页 > 通服产品</td> <td> </td><td> </td> <td><a href="https://www.jb51.net/Default.aspx">返回首页</a></td> </tr> </table> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="2" bgcolor="#FFFFFF"> <tbody> <tr> <td valign="top"> <div> <img src="https://www.jb51.net/img/20140305165205.jpg" /> </div> <div> <!--Code for menu starts here--> <p>基建产品</p> <div> <a href="TF_Product.aspx?id=45">普通基建</a><a href="TF_Product.aspx?id=46">美化基建</a> </div> <p>无源器件</p> <div> <a href="TF_Product.aspx?id=5">天线</a> <a href="TF_Product.aspx?id=14">负载</a> <a href="TF_Product.aspx?id=11">功分器</a> <a href="TF_Product.aspx?id=17">合路器</a> <a href="TF_Product.aspx?id=47">耦合器</a> <a href="TF_Product.aspx?id=56">双工器</a> <a href="TF_Product.aspx?id=70">AC安装配件</a> <a href="TF_Product.aspx?id=89">屏蔽器</a> </div> <p>防雷产品</p> <div> <a href="TF_Product.aspx?id=10">避雷器</a> <a href="TF_Product.aspx?id=57">防雷箱</a> </div> <p>电源产品</p> <div> <a href="TF_Product.aspx?id=12">开关电源</a> <a href="TF_Product.aspx?id=23">USP电源</a> <a href="TF_Product.aspx?id=61">远供电源</a> <a href="TF_Product.aspx?id=81">电源配套</a> </div> <p>IP通讯类产品</p> <div> <a href="TF_Product.aspx?id=27">IP网络产品</a> <a href="TF_Product.aspx?id=29">IP无线产品</a> <a href="TF_Product.aspx?id=30">IP安全产品</a> <a href="TF_Product.aspx?id=31">IP存储及服务器</a> <a href="TF_Product.aspx?id=32">IP多媒体产品</a> <a href="TF_Product.aspx?id=33">IP管理产品</a> <a href="TF_Product.aspx?id=71">H3C产品</a> <a href="TF_Product.aspx?id=72">迈普产品</a> <a href="TF_Product.aspx?id=73">迪普产品</a> </div> <p>工程辅材</p> <div> <a href="TF_Product.aspx?id=6">射频组件</a> <a href="TF_Product.aspx?id=7">电缆组件</a> <a href="TF_Product.aspx?id=8">光纤组件</a> <a href="TF_Product.aspx?id=9">五类缆组件</a> <a href="TF_Product.aspx?id=18">接地线</a> <a href="TF_Product.aspx?id=62">辅材包</a> <a href="TF_Product.aspx?id=82">套管</a> <a href="TF_Product.aspx?id=83">紧固件</a> </div> <p>连接器</p> <div> <a href="TF_Product.aspx?id=15">射频连接器</a> <a href="TF_Product.aspx?id=16">光纤连接器</a> <a href="TF_Product.aspx?id=63">转换头</a> </div> <p>服务类</p> <div> <a href="TF_Product.aspx?id=58">工程建设类</a> <a href="TF_Product.aspx?id=59">工程维护类</a> <a href="TF_Product.aspx?id=60">软件类</a> </div> <p>品牌分销</p> <div> <a href="TF_Product.aspx?id=87">华为产品</a> </div> <p>配件类</p> <div> <a href="TF_Product.aspx?id=67">配件类</a> <a href="TF_Product.aspx?id=86">标准件</a> </div> <p>其他</p> <div> <a href="TF_Product.aspx?id=66">邮费差额</a> <a href="TF_Product.aspx?id=69">工程类服务费用</a> <a href="TF_Product.aspx?id=78">折扣</a> <a href="TF_Product.aspx?id=88">设备</a> </div> </div> </td> <td valign="top"> <div> 产品类别：<asp:DropDownList runat="server" DataTextField="pt_name" DataValueField="pt_id"> </asp:DropDownList> 关键字：<asp:TextBox runat="server"></asp:TextBox> <asp:Button runat="server" Text="搜索" /> </div> <div> </div> <div> <asp:Repeater runat="server"> <ItemTemplate> <div> <table> <tr> <td rowspan="4"> <asp:Image ImageUrl="~/Product_pic/NoPic.jpg" runat="server" /> </td> <td> </td> <td>产品型号：</td> <td><span><%#Eval("pr_guige")%></span><span><a href="#">查看详情</a></span></td> </tr> <tr> <td> </td> <td>产品编码：</td> <td><%#Eval("pr_bianma")%></td> </tr> <tr> <td> </td> <td>产品描述：</td> <td><%#Eval("pr_ms")%></td> </tr> <tr><td> </td></tr> </table> </div> </ItemTemplate> </asp:Repeater> <div> <webdiyer:AspNetPager CssClass="anpager" runat="server" FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PrevPageText="上一页" onpagechanged="AspNetPager1_PageChanged" PageSize="6" ShowMoreButtons="False" ShowPageIndexBox="Never"> </webdiyer:AspNetPager> </div> </div> </td> </tr> </tbody> </table> <!--版权声明--> <table> <tbody> <tr> <td> <img src="https://www.jb51.net/article/Index_files/foot_02.gif" usemap="#foot"> </td> </tr> </tbody> </table> </form> </body> </html>
后台代码