码迷，mamicode.com
首页 > Web开发 > 详细

自己写的一个Pager分页组件,WebForm，Mvc都适用

时间：2015-04-16 11:56:57      阅读：183      评论：0      收藏：0      [点我收藏+]

标签：

           我一说写这个功能的时候，好多人估计有疑问。分页功能网上多的是，搜一个不就行了，你这样不是浪费时间么。你说这句话的时候，我是比较信的，首先自己写一些东西是很耗时，有这些时间又能多打几盘LOL了。但是我觉得有些东西需要你自己写了之后思路才清晰，一直认为知道一些原理才是最重要的，并且能让你更深入的去了解一门语言。就像好多人说“我精通JQuery框架”，那我想问你“有没有看过Jquery源码，知不知道它的实现原理和机制？”。熟练和精通不是同一个层次，首先熟练是你会使用一些框架的语法和用法，精通是指你知道其中的原理和机制，并且能够模仿并延伸一些知识。我说这话的意思是让大家带着一股钻研精神去学习一门语言，当做一种兴趣和爱好，而不仅仅是把它当做一个饭碗，混混日子那么简单。

         说到这个功能，我不得不提一下一个叫杨涛的大叔，一个善于与别人分享资源的人,你可以称他为“分页达人”，写了各种分页的扩展，他的个人主页地址http://www.webdiyer.com/，大家没事可以看看，想必也有好多人用过他写的分页控件。

         下面来说说正题，这个功能其实是我两年前写的，今天无意间看到，所以只是想和大家分享一下，另外也算是做个笔记，说下我的思路。

          分页控件其实就是根据链接在页面间传递参数，因为我看到MVC中你可以看到这样传递参数的new {para=val}这种方式传递参数，于是我想到用可以模仿这种传递参数的方式，那就用dynamic来作为参数对象传递。

          下面是附上我写的具体的实现的代码

        数据处理代码：

        1.定义IPagedList接口

       

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Infrastruction.Pager
{
    public interface IPagedList
    {
        int pageIndex { get; set; }
        int pageSize { get; set; }
        int totalItemCount { get; set; }
        int totalPageCount { get; }
    }
}

        2.实现IPagedList接口

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Infrastruction.Pager
{
    public class PagedList<T> : List<T>, IPagedList
    {
        public int pageIndex
        {
            get;
            set;
        }

        public int pageSize
        {
            get;
            set;
        }

        public int totalItemCount
        {
            get;
            set;
        }

        public int totalPageCount
        {
            get
            {
                return totalItemCount % pageSize == 0 ? (totalItemCount / pageSize) : (totalItemCount / pageSize + 1);
            }
        }

        public PagedList(IEnumerable<T> sources, int pageIndex, int pageSize)
        {
            if (sources != null && sources.Any())
            {
                this.AddRange(sources.Skip(pageSize * (pageIndex - 1)).Take(pageSize).ToList());
            }
            this.pageIndex = pageIndex;
            this.pageSize = pageSize;
            this.totalItemCount = sources.Count();
        }
    }
}

        分页标签处理代码：

        3.PagerHelper

        

技术分享 
using Infrastruction.Pager;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Reflection;
using System.Text;
using System.Web;
using System.Web.UI;

namespace System.Web.UI
{
    public static class PagerHelper
    {

        public static string Pager(string url, IPagedList pagedList)
        {
            StringBuilder builder = new StringBuilder();
            if (pagedList != null)
            {
                builder.Append("<script type=‘text/javascript‘>");
                builder.Append("window.onload = function () {");
                builder.Append(" var elements = document.getElementById(‘pager‘).childNodes;");
                builder.Append(" for (var i = 0; i < elements.length; i++) {");
                builder.Append("var txt = elements[i].innerText || elements[i].textContent;");
                builder.Append(" if (elements[i].nodeType ==‘1‘ && txt == ‘" + pagedList.pageIndex + "‘) {");
                builder.Append("elements[i].style.textDecoration = ‘underline‘;break; } } }");
                builder.Append("</script>");
                builder.Append("<div id=‘pager‘>");

                builder.Append("<span class=‘p‘>");
                builder.AppendFormat("共 {0} 条数据   页次：{1}/{2}",  pagedList.totalItemCount, pagedList.pageIndex, pagedList.totalPageCount, "上一页");
                builder.Append("</span>");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");
                if (pagedList.pageIndex > 1 && pagedList.pageIndex <= pagedList.totalPageCount)
                {
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, 1, "首页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, pagedList.pageIndex - 1, "上一页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                }
                if (pagedList.totalPageCount > 1 && pagedList.totalPageCount <= 10)
                {
                    for (int i = 1; i <= pagedList.totalPageCount; i++)
                    {
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, i, i);
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                    }
                }
                else if (pagedList.totalPageCount > 10)
                {
                    if (pagedList.pageIndex < 11)
                    {
                        for (int i = 1; i <= 10; i++)
                        {
                            builder.Append("<span class=‘p‘>");
                            builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, i, i);
                            builder.Append("</span>");
                            builder.Append("&nbsp;");
                        }
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, 11, "...");
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                    }
                    else
                    {
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, (pagedList.pageIndex - 6), "...");
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                        if (pagedList.pageIndex >= 11 && pagedList.totalPageCount <= pagedList.pageIndex + 5)
                        {
                            for (int i = pagedList.pageIndex - 5; i <= pagedList.totalPageCount; i++)
                            {
                                builder.Append("<span class=‘p‘>");
                                builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, i, i);
                                builder.Append("</span>");
                                builder.Append("&nbsp;");
                            }
                        }
                        else
                        {
                            for (int i = pagedList.pageIndex - 5; i <= pagedList.pageIndex + 5; i++)
                            {
                                builder.Append("<span class=‘p‘>");
                                builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, i, i);
                                builder.Append("</span>");
                                builder.Append("&nbsp;");
                            }
                            builder.Append("<span class=‘p‘>");
                            builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, (pagedList.pageIndex + 6), "...");
                            builder.Append("</span>");
                            builder.Append("&nbsp;");
                        }
                    }

                }
                if (pagedList.pageIndex >= 1 && pagedList.pageIndex < pagedList.totalPageCount)
                {
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, pagedList.pageIndex + 1, "下一页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?pageIndex={1}‘>{2}</a>", url, pagedList.totalPageCount, "尾页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                }
                builder.Append("</div>");
            }
            return builder.ToString();
        }


        public static string Pager(string url, IPagedList pagedList, dynamic objAttr)
        {
            StringBuilder builder = new StringBuilder();
            if (pagedList != null)
            {
                builder.Append("<script type=‘text/javascript‘>");
                builder.Append("window.onload = function () {");
                builder.Append(" var elements = document.getElementById(‘pager‘).childNodes;");
                builder.Append(" for (var i = 0; i < elements.length; i++) {");
                builder.Append("var txt = elements[i].innerText || elements[i].textContent;");
                builder.Append(" if (elements[i].nodeType ==‘1‘ && txt == ‘" + pagedList.pageIndex + "‘) {");
                builder.Append("elements[i].style.textDecoration = ‘underline‘;break; } } }");
                builder.Append("</script>");
                string paras = "";
                PropertyInfo[] infos = objAttr.GetType().GetProperties();
                if (infos != null && infos.Any())
                {
                    foreach (var item in infos)
                    {
                        paras += string.Format("{0}={1}", item.Name, item.GetValue(objAttr, null));
                        paras += "&";
                    }
                }
                paras = paras + "pageIndex=";
                builder.Append("<div id=‘pager‘>");

                builder.Append("<span class=‘p‘>");
                builder.AppendFormat("共 {0} 条数据   页次：{1}/{2}", pagedList.totalItemCount, pagedList.pageIndex, pagedList.totalPageCount, "上一页");
                builder.Append("</span>");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");
                builder.Append("&nbsp;");


                if (pagedList.pageIndex > 1 && pagedList.pageIndex <= pagedList.totalPageCount)
                {
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + 1, "首页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + (pagedList.pageIndex - 1), "上一页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                }
                if (pagedList.totalPageCount > 1 && pagedList.totalPageCount <= 10)
                {
                    for (int i = 1; i <= pagedList.totalPageCount; i++)
                    {
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + i, i);
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                    }
                }
                else if (pagedList.totalPageCount > 10)
                {
                    if (pagedList.pageIndex < 11)
                    {
                        for (int i = 1; i <= 10; i++)
                        {
                            builder.Append("<span class=‘p‘>");
                            builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + i, i);
                            builder.Append("</span>");
                            builder.Append("&nbsp;");
                        }
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + 11, "...");
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                    }
                    else
                    {
                        builder.Append("<span class=‘p‘>");
                        builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + (pagedList.pageIndex - 6), "...");
                        builder.Append("</span>");
                        builder.Append("&nbsp;");
                        if (pagedList.pageIndex >= 11 && pagedList.totalPageCount <= pagedList.pageIndex + 5)
                        {
                            for (int i = pagedList.pageIndex - 5; i <= pagedList.totalPageCount; i++)
                            {
                                builder.Append("<span class=‘p‘>");
                                builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + i, i);
                                builder.Append("</span>");
                                builder.Append("&nbsp;");
                            }
                        }
                        else
                        {
                            for (int i = pagedList.pageIndex - 5; i <= pagedList.pageIndex + 5; i++)
                            {
                                builder.Append("<span class=‘p‘>");
                                builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + i, i);
                                builder.Append("</span>");
                                builder.Append("&nbsp;");
                            }
                            builder.Append("<span class=‘p‘>");
                            builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + (pagedList.pageIndex + 6), "...");
                            builder.Append("</span>");
                            builder.Append("&nbsp;");
                        }

                    }

                }
                if (pagedList.pageIndex >= 1 && pagedList.pageIndex < pagedList.totalPageCount)
                {
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + (pagedList.pageIndex + 1), "下一页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                    builder.Append("<span class=‘p‘>");
                    builder.AppendFormat("<a  href=‘{0}?{1}‘>{2}</a>", url, paras + pagedList.totalPageCount, "尾页");
                    builder.Append("</span>");
                    builder.Append("&nbsp;");
                }
                builder.Append("</div>");
            }
            return builder.ToString();
        }



    }
}
View Code

 

        4.  PagerLinqExtension（ 基于linq的扩展）

        

using System;
using System.Collections.Generic;
using System.Linq;
using System.Linq.Expressions;
using System.Web;

namespace Infrastruction.Pager
{
    public static class PagerLinqExtension
    {

        public static PagedList<T> ToPagedList<T>(this  IQueryable<T> source, int pageIndex, int pageSize)
        {
            return new PagedList<T>(source, pageIndex, pageSize);
        }

    }
}

          调用方法     Webform:   <%=PagerHelper.Pager("Products.aspx", pageList, new { cid=Cid})%>   或者用literal在后台绑定也行 

                          Mvc:@PagerHelper.Pager("Products.aspx", pageList, new { cid=Cid,......})

         全部的代码都在上面，大家想看的可以看看，有不同想法的也可以和我交流下，左上角有qq。

自己写的一个Pager分页组件,WebForm，Mvc都适用

标签：

原文地址：http://www.cnblogs.com/a546558309/p/4431233.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！