温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

.NET如何实现Repeater控件+AspNetPager控件分页

发布时间:2021-08-21 17:56:20 来源:亿速云 阅读:189 作者:小新 栏目:开发技术

这篇文章主要介绍.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"  ><div ></div> <div id="nav" align="center"> <a href="Default.aspx" target="_self" >首页   |</a></div>   <div id="nav" align="center"> <a href="TF_RecList.aspx" target="_self" >新闻中心 |</a></div>   <div id="nav" align="center"> <a href="TF_Product.aspx" target="_self" >通服产品 |</a></div>   <div id="nav" align="center"> <a href="TF_Objects.aspx" target="_self" >公司业绩 |</a></div>   <div id="nav" align="center"> <a href="TF_Servers.aspx" target="_self" >服务中心 |</a></div>   <div id="nav" align="center"> <a href="TF_Solution.aspx" target="_self" >解决方案 |</a></div>   <div id="nav" align="center"> <a href="AboutUs.aspx" target="_self" >关于我们 |</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 >   <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 >   产品类别:<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 >      <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 ><%#Eval("pr_guige")%></span><span ><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  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();

以上是“.NET如何实现Repeater控件+AspNetPager控件分页”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI