你的位置:首页 > ASP.net教程

[ASP.net教程]自己写的一个Pager分页组件,WebForm,Mvc都适用


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