登录
当前位置： 首页 > 编程笔记 >

适用于WebForm Mvc的Pager分页组件C#实现

昝唯
2023-03-14
本文向大家介绍适用于WebForm Mvc的Pager分页组件C#实现，包括了适用于WebForm Mvc的Pager分页组件C#实现的使用技巧和注意事项，需要的朋友参考一下

本文为大家分享了自己写的一个Pager分页组件,WebForm，Mvc都适用，具体内容如下

分页控件其实就是根据链接在页面间传递参数，因为我看到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();
    }



  }
}

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,......})

全部的代码都在上面，希望大家认真学习，对大家学习使用分页控件有所帮助。

 类似资料：
  • Bootstrap CSS组件之分页(pagination)和翻页(pager)

    本文向大家介绍Bootstrap CSS组件之分页(pagination)和翻页(pager)，包括了Bootstrap CSS组件之分页(pagination)和翻页(pager)的使用技巧和注意事项，需要的朋友参考一下 几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。 普通的分页 分页的状态-disabled active 分页的大小-pagination-

  • JQuery的Pager分页器实现代码

    本文向大家介绍JQuery的Pager分页器实现代码，包括了JQuery的Pager分页器实现代码的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JQuery的Pager分页器的具体实现代码，供大家参考，具体内容如下 效果图： 代码： html代码： css代码： pager.js代码 主要思路： 分页器共分为以下4种情况： 情况1，当total < 8 时，所有的页码全部显示。 情

  • MvcPager分页控件 适用于Bootstrap

    本文向大家介绍MvcPager分页控件 适用于Bootstrap，包括了MvcPager分页控件 适用于Bootstrap的使用技巧和注意事项，需要的朋友参考一下 软件开发分页效果必不可少,对于Asp.Net MVC 而言，MvcPager 是个不错的选择。 请访问http://www.webdiyer.com/mvcpager/ 由于自带的分页样式不能和项目整体风格兼容，所以我们准备改写源代码，

  • WordPress分页不适用于AJAX

    问题内容： 我通过AJAX和WordPress分页加载了一些帖子，并使用以下函数来计算分页： 问题是通过AJAX创建了分页，因此使此链接看起来像： 但是，我想要达到的实际URL就是为此： 有没有办法在AJAX上使用此功能，并且仍然获得正确的分页URL？ 问题答案： 我可以为您想到三个选择： 编写自己的版本将允许您指定基本URL 在调用时覆盖变量 要调用该函数，请返回整个分页的HTML，然后使用JS

  • 翻页器 / Pager

    简单版本 <div class="container"> <div id="pager" class="ui-pager"></div> </div> require(['jquery', 'moye/Pager'], function ($, Pager) { new Pager({ main: document.getElementById('pager'),

  • angularjs使用directive实现分页组件的示例

    本文向大家介绍angularjs使用directive实现分页组件的示例，包括了angularjs使用directive实现分页组件的示例的使用技巧和注意事项，需要的朋友参考一下 闲来没事，分享下项目中自己写的分页组件。来不及了，直接上车。 效果： 输入框可任意输入，并会自动提交到该页 依赖项： fontawesome，bootstrap html: css: directive: 参数： tot

  • JSP实现带查询条件的通用分页组件

    本文向大家介绍JSP实现带查询条件的通用分页组件，包括了JSP实现带查询条件的通用分页组件的使用技巧和注意事项，需要的朋友参考一下 分页功能的代码就是这样的，在需要展示列表的页面，我们基本都需要加上分页功能，如果某天boss想要修改分页功能的样式，我们不能去一个一个的改吧。 下边给大家分享一个自己封装的通用分页组件。 1. 效果展示 2. 使用方式 1 ）在需要显示分页信息的位置，直接引入pagi

  • 分页组件

    增加分页链接将长内容分割成多个短内容，便于浏览与加载。 基本 <ul class="pagination"> <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li> <li class="active"><a href="#!">1</a></li> <l

相关阅读

JSP实现带查询条件的通用分页组件Java Web中常用的分页组件（Java端实现）小程序分页实践之编写可复用分页组件Vue组件BootPage实现简单的分页功能基于KO+BootStrap+MVC实现的分页控件代码分享

相关文章

分享中望软件 C/C++ 开发面经Bootstrap 分页Bootstrap4 分页JSP分页MyBatis分页

相关问答

使用熊猫读取制表符分隔的文件-适用于Windows，但不适用于MacGoogle Analytics事件不再适用于通用分析智能表分页不适用于服务器端筛选Leetcode Q9回文数相同的代码适用于Java但不适用于Cfont-face不适用于汇总配置-组件库

相关工具

pagination-pagerView PagerPager-taglibmybatis-pagercommons-java-pager

相关文档

Stack Overflow 关于 Python 的部分高分问题基于 Node.js 的 HTTPS MITM 中间人代理的原理和实现elasticsearch-rest-plus 组件深度学习入门：基于 Python 的理论与实现通过实例学习 C 语言
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.