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

时间：2022-06-17 05:19:12

我一说写这个功能的时候，好多人估计有疑问。分页功能网上多的是，搜一个不就行了，你这样不是浪费时间么。你说这句话的时候，我是比较信的，首先自己写一些东西是很耗时，有这些时间又能多打几盘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 ==  ? (totalItemCount / pageSize) : (totalItemCount / pageSize + );

            }

        }

        public PagedList(IEnumerable<T> sources, int pageIndex, int pageSize)

        {

            if (sources != null && sources.Any())

            {

                this.AddRange(sources.Skip(pageSize * (pageIndex - )).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 >  && pagedList.pageIndex <= pagedList.totalPageCount)

                {

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?pageIndex={1}'>{2}</a>", url, , "首页");

                    builder.Append("</span>");

                    builder.Append("&nbsp;");

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?pageIndex={1}'>{2}</a>", url, pagedList.pageIndex - , "上一页");

                    builder.Append("</span>");

                    builder.Append("&nbsp;");

                }

                if (pagedList.totalPageCount >  && pagedList.totalPageCount <= )

                {

                    for (int i = ; 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 > )

                {

                    if (pagedList.pageIndex < )

                    {

                        for (int i = ; i <= ; 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, , "...");

                        builder.Append("</span>");

                        builder.Append("&nbsp;");

                    }

                    else

                    {

                        builder.Append("<span class='p'>");

                        builder.AppendFormat("<a  href='{0}?pageIndex={1}'>{2}</a>", url, (pagedList.pageIndex - ), "...");

                        builder.Append("</span>");

                        builder.Append("&nbsp;");

                        if (pagedList.pageIndex >=  && pagedList.totalPageCount <= pagedList.pageIndex + )

                        {

                            for (int i = pagedList.pageIndex - ; 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 - ; i <= pagedList.pageIndex + ; 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 + ), "...");

                            builder.Append("</span>");

                            builder.Append("&nbsp;");

                        }

                    }

                }

                if (pagedList.pageIndex >=  && pagedList.pageIndex < pagedList.totalPageCount)

                {

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?pageIndex={1}'>{2}</a>", url, pagedList.pageIndex + , "下一页");

                    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 >  && pagedList.pageIndex <= pagedList.totalPageCount)

                {

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?{1}'>{2}</a>", url, paras + , "首页");

                    builder.Append("</span>");

                    builder.Append("&nbsp;");

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex - ), "上一页");

                    builder.Append("</span>");

                    builder.Append("&nbsp;");

                }

                if (pagedList.totalPageCount >  && pagedList.totalPageCount <= )

                {

                    for (int i = ; 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 > )

                {

                    if (pagedList.pageIndex < )

                    {

                        for (int i = ; i <= ; 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 + , "...");

                        builder.Append("</span>");

                        builder.Append("&nbsp;");

                    }

                    else

                    {

                        builder.Append("<span class='p'>");

                        builder.AppendFormat("<a  href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex - ), "...");

                        builder.Append("</span>");

                        builder.Append("&nbsp;");

                        if (pagedList.pageIndex >=  && pagedList.totalPageCount <= pagedList.pageIndex + )

                        {

                            for (int i = pagedList.pageIndex - ; 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 - ; i <= pagedList.pageIndex + ; 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 + ), "...");

                            builder.Append("</span>");

                            builder.Append("&nbsp;");

                        }

                    }

                }

                if (pagedList.pageIndex >=  && pagedList.pageIndex < pagedList.totalPageCount)

                {

                    builder.Append("<span class='p'>");

                    builder.AppendFormat("<a  href='{0}?{1}'>{2}</a>", url, paras + (pagedList.pageIndex + ), "下一页");

                    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();

        }

    }

}

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);

        }

    }

}

调用方法

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

2.Mvc调用:

需要扩展一下方法

namespace System.Web.Mvc.Html

{

    public static class HtmlExtension

    {

        public static IHtmlString Pager(this  HtmlHelper helper, string url, IPagedList pagedList)

        {

            return helper.Raw(PagerHelper.Pager(url, pagedList));

        }

        public static IHtmlString Pager(this  HtmlHelper helper, string url, IPagedList pagedList, dynamic objAttr)

        {

            return helper.Raw(PagerHelper.Pager(url, pagedList, objAttr));

        }

   }

}

然后页面调用@Html.Pager("Products.aspx", pageList, new { cid=Cid,......})

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

相关文章