zoukankan      html  css  js  c++  java
  • AspNetPager 在ASP.NET 中的用法

    1.aspx

     <webdiyer:AspNetPager ID="AspNetPager1" runat="server" AlwaysShow="false" PageSize="5"
                        CssClass="paginator" CurrentPageButtonClass="cpb" LastPageText="尾页" FirstPageText="首页"
                        PrevPageText="上一页" NextPageText="下一页" NumericButtonCount="4" PagingButtonSpacing="1px"
                         LayoutType="Table" OnPageChanged="AspNetPager1_PageChanged" >
               </webdiyer:AspNetPager>


    2.aspx.cs

      /// <summary>
            /// 绑定数据到Rpt
            /// </summary>
            /// <param name="bindlist"></param>
            private void DisplayData(int pageIndex, int pageSize)
            {
                AspNetPager1.RecordCount = newlist.Count;
                if (newlist.Count >= 5)
                {
                    var Fylist = from a in newlist orderby a.Contactid select a;
                    var q = Fylist.Skip((pageIndex-1) * pageSize).Take(pageSize);
                    rptlist.DataSource = q;
                    rptlist.DataBind();
                }
                else
                {
                    rptlist.DataSource = newlist;
                    rptlist.DataBind();
                }
            }
            protected void AspNetPager1_PageChanged(object sender, System.EventArgs e)
            {
                DisplayData(AspNetPager1.CurrentPageIndex, AspNetPager1.PageSize);  
            }

     3.CSS 样式

      /*************分页控件BEGIN*****************/
            /*拍拍网风格
            .paginator
            {
                font: 11px Arial, Helvetica, sans-serif;
                padding: 10px 20px 10px 0;
                margin: 0px;
            }
            .paginator a
            {
                padding: 1px 6px;
                border: solid 1px #ddd;
                background: #fff;
                text-decoration: none;
                margin-right: 2px;
            }
            .paginator a:visited
            {
                padding: 1px 6px;
                border: solid 1px #ddd;
                background: #fff;
                text-decoration: none;
            }
            .paginator .cpb
            {
                padding: 1px 6px;
                font-weight: bold;
                font-size: 13px;
                border: none;
            }
            .paginator a:hover
            {
                color: #fff;
                background: #ffa501;
                border-color: #ffa501;
                text-decoration: none;
            }
            */
            /*淘宝风格*/
            .paginator
            {
                font: 12px Arial, Helvetica, sans-serif;
                padding: 9px 19px 9px 0;
                margin: 0px;
            }
            .paginator a
            {
                border: solid 1px #ccc;
                color: #0063dc;
                cursor: pointer;
                text-decoration: none;
            }
            .paginator a:visited
            {
                padding: 1px 6px;
                border: solid 1px #ddd;
                background: #fff;
                text-decoration: none;
            }
            .paginator .cpb
            {
                border: 1px solid #F50;
                font-weight: 700;
                color: #F50;
                background-color: #ffeee5;
            }
            .paginator a:hover
            {
                border: solid 1px #F50;
                color: #f60;
                text-decoration: none;
            }
            .paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover
            {
                float: left;
                height: 16px;
                line-height: 16px;
                min-width: 10px;
                _width: 10px;
                margin-right: 5px;
                text-align: center;
                white-space: nowrap;
                font-size: 12px;
                font-family: Arial,SimSun;
                padding: 0 3px;
            }
            /*************分页控件END*****************/
  • 相关阅读:
    国内源 maven 配置 + SSM 脚手架 整合
    Google XSS 小游戏 答案
    鉴影记录
    记录 完美解码 配置
    HttpCanary 破解 可注入 【拒绝度盘】【20200606有效】
    MyBatisCodeHelper-Pro插件破解版[2.8.2] 【拒绝度盘】
    博客园主题
    wdcp后台登陆访问失败处理方法
    分享一下自己渗透挖洞方法与思维
    服务器安装宝塔linux系统控制面板
  • 原文地址:https://www.cnblogs.com/liuyu7177/p/3037793.html
Copyright © 2011-2022 走看看