.NET实现Repeater控件+AspNetPager控件分页
当然首先你要把bin文件放进你的项目，并加到你的工具栏去
//页头需引用的 <%@ Register Assembly=\"AspNetPager\" Namespace=\"Wuqi.Webdiyer\" TagPrefix=\"webdiyer\" %> 控件部分（格式已经设计好） <webdiyer:AspNetPager ID=\"AspNetPager1\" 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\" Width=\"100%\" 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=\"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 name=\"keywords\" content=\"通服科技\">
<meta name=\"description\" content=\"江西通服科技有限公司\">
<link href=\"./Index_files/style.css\" type=\"text/css\" rel=\"stylesheet\">
<script src=\"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 width=\"878\" height=\"114\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"2\" bgcolor=\"#FFFFFF\">
<tbody>
<tr>
<td height=\"77\">
<table width=\"878px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tbody>
<tr><td width=\"73%\" height=\"53\" rowspan=\"2\" align=\"left\"><img src=\"./Index_files/LOGO_SY180-60.png\" width=\"178\" height=\"60\" border=\"0\"></td>
<td width=\"27%\" align=\"right\" valign=\"top\">
【登陆】【注册】
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width=\"878\" align=\"center\" style=\" border-bottom:1px solid blue;\" ><div style=\"width:100px; float:left;\"></div>
<div id=\"nav\" align=\"center\">
<a href=\"Default.aspx\" target=\"_self\" style=\"color:Black;\">首页 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"TF_RecList.aspx\" target=\"_self\" style=\"color:Black;\">新闻中心 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"TF_Product.aspx\" target=\"_self\" style=\"color:Black;\">通服产品 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"TF_Objects.aspx\" target=\"_self\" style=\"color:Black;\">公司业绩 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"TF_Servers.aspx\" target=\"_self\" style=\"color:Black;\">服务中心 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"TF_Solution.aspx\" target=\"_self\" style=\"color:Black;\">解决方案 |</a></div>
<div id=\"nav\" align=\"center\">
<a href=\"AboutUs.aspx\" target=\"_self\" style=\"color:Black;\">关于我们 |</a></div>
</td>
</tr>
<tr>
<td align=\"center\" width=\"878px\">
<div class=\"container\" id=\"idTransformView\">
<ul class=\"slider\" id=\"idSlider\">
<li><img src=\"images/01.jpg\"/></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<!--中间-->
<table width=\"890\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"2\" bgcolor=\"#FFFFFF\">
<tbody>
<tr>
<td>
<div style=\"border:1px solid #DFEDFA; height:26px; padding-top:5px; padding-left:1%\">
<table width=\"100%\">
<tr>
<td>首页 > 通服产品</td>
<td> </td><td> </td>
<td align=\"right\"><a href=\"Default.aspx\">返回首页</a></td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table width=\"890\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"2\" bgcolor=\"#FFFFFF\">
<tbody>
<tr>
<td width=\"229\" valign=\"top\">
<div>
<img src=\"img/20140305165205.jpg\" width=\"229px\" />
</div>
<div id=\"firstpane\" class=\"menu_list\">
<!--Code for menu starts here-->
<p class=\"menu_head\">基建产品</p>
<div class=\"menu_body\">
<a href=\"TF_Product.aspx?id=45\">普通基建</a><a href=\"TF_Product.aspx?id=46\">美化基建</a>
</div>
<p class=\"menu_head\">无源器件</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">防雷产品</p>
<div class=\"menu_body\">
<a href=\"TF_Product.aspx?id=10\">避雷器</a> <a href=\"TF_Product.aspx?id=57\">防雷箱</a>
</div>
<p class=\"menu_head\">电源产品</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">IP通讯类产品</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">工程辅材</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">连接器</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">服务类</p>
<div class=\"menu_body\">
<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 class=\"menu_head\">品牌分销</p>
<div class=\"menu_body\">
<a href=\"TF_Product.aspx?id=87\">华为产品</a>
</div>
<p class=\"menu_head\">配件类</p>
<div class=\"menu_body\">
<a href=\"TF_Product.aspx?id=67\">配件类</a> <a href=\"TF_Product.aspx?id=86\">标准件</a>
</div>
<p class=\"menu_head\">其他</p>
<div class=\"menu_body\">
<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 width=\"660\" valign=\"top\">
<div style=\"border-bottom:1px solid #DFEDFA; padding-left:2%; margin-left:2%;\">
产品类别：<asp:DropDownList ID=\"ddlProductType\" runat=\"server\" DataTextField=\"pt_name\" DataValueField=\"pt_id\">
</asp:DropDownList>
关键字：<asp:TextBox ID=\"txtGJZ\" runat=\"server\"></asp:TextBox>
<asp:Button ID=\"btnSel\" runat=\"server\" Text=\"搜索\" onclick=\"btnSel_Click\" />
</div>
<div> </div>
<div>
<asp:Repeater ID=\"rp\" runat=\"server\">
<ItemTemplate>
<div style=\"margin-left:2%; border:1px solid #DFEDFA; padding:3px; margin-top:2px; margin-bottom:3px;\">
<table width=\"100%\">
<tr height=\"24px\">
<td rowspan=\"4\" width=\"90px\">
<asp:Image ID=\"Image1\" ImageUrl=\"~/Product_pic/NoPic.jpg\" runat=\"server\" Width=\"90px\" Height=\"90px\" />
</td>
<td width=\"9px\"> </td>
<td width=\"60px\">产品型号：</td>
<td><span style=\"float:left\"><%#Eval(\"pr_guige\")%></span><span style=\"float:right;\"><a href=\"#\">查看详情</a></span></td>
</tr>
<tr height=\"24px\">
<td width=\"9px\"> </td>
<td>产品编码：</td>
<td><%#Eval(\"pr_bianma\")%></td>
</tr>
<tr height=\"30px\">
<td width=\"9px\"> </td>
<td>产品描述：</td>
<td><%#Eval(\"pr_ms\")%></td>
</tr>
<tr><td height=\"8px\"> </td></tr>
</table>
</div>
</ItemTemplate>
</asp:Repeater>
<div style=\"height:22px; margin-left:2%;\" align=\"right\">
<webdiyer:AspNetPager ID=\"AspNetPager1\" 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 width=\"878\" border=\"0\" align=\"center\">
<tbody>
<tr>
<td>
<img src=\"./Index_files/foot_02.gif\" usemap=\"#foot\" width=\"878\">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
后台代码
Tb_productsHelper helper = new Tb_productsHelper();
IList<Tb_productsInfo> list = helper.GetAllListBySql(product_sql);
this.AspNetPager1.RecordCount = list.Count;//绑定总数量
this.AspNetPager1.AlwaysShow = true;
//先声明一个分页类对象
PagedDataSource ps = new PagedDataSource();
ps.AllowPaging = true;
ps.PageSize = this.AspNetPager1.PageSize;
ps.CurrentPageIndex = this.AspNetPager1.CurrentPageIndex-1;
ps.DataSource = list;
this.rp.DataSource = ps;
this.rp.DataBind();
本文地址：https://www.stayed.cn/item/14048
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我
我的博客
人生若只如初见，何事秋风悲画扇。
我的标签
随笔档案
- 2024-02(2)
- 2023-06(1)
- 2023-05(1)
- 2023-04(14)
- 2023-03(3)
- 2023-01(6)
- 2022-12(5)
- 2022-11(5)
- 2022-07(2)
- 2022-06(4)
- 2022-05(3)
- 2022-03(1)
- 2021-12(6)
- 2021-11(1)
- 2021-10(3)
- 2021-09(5)
- 2021-07(5)
- 2021-02(2)
- 2021-01(7)
- 2020-12(18)
- 2020-11(14)
- 2020-10(12)
- 2020-09(10)
- 2020-08(22)
- 2020-07(2)
- 2020-06(1)
- 2020-04(5)
- 2020-03(9)
- 2020-02(7)
- 2020-01(9)
- 2019-12(8)
- 2019-11(10)
- 2019-10(11)
- 2019-09(17)
- 2019-08(16)
- 2019-07(6)
- 2019-06(3)
- 2019-04(1)
- 2019-03(8)
- 2019-02(5)
- 2019-01(1)
- 2018-11(2)
- 2018-10(3)
- 2018-09(1)
- 2018-08(3)
- 2018-07(3)
- 2018-06(7)
- 2018-04(4)
- 2018-03(5)
- 2018-02(4)
- 2018-01(22)
- 2017-12(3)
- 2017-11(5)
- 2017-10(15)
- 2017-09(26)
- 2017-08(1)
- 2017-07(3)