MVC生成页码选择器返回HTML代码详解

 更新时间:2017年08月30日 13:58:37   作者:随缘  
这篇文章主要为大家详细介绍了MVC生成页码选择器返回HTML代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

我主要讲此代码用于MVC的分布页。

先看最终效果最终效果:

样式为bootstrap3中的分页“pagination”,如果不使用bootstrap单独提出来并不大

页码生成代码为:

public string GetPaginationHtml(PaginationViewModel p)
{
  var PageNum = p.Page;//当前页码(页码从1开始)
  var PageCount = p.PageCount;//总页数
  var ItemCount = p.ItemCount;//总条数

  var showPageNum = 6;//显示数字的页面数量

  var html = new StringBuilder();
  html.Append(string.Format("<ul class='pagination' id='{0}' data-data='{1}'>", p.ULID, p.Data));//ULID和Data是方便在前台增加事件用的
  if (PageCount > 1)
  {
    var startPage = 1;
    if (showPageNum > PageCount)
    {
      startPage = 1;
    }
    else
    {
      if (PageNum - (showPageNum / 2) <= 0)
      {
        startPage = 1;
      }
      else if (PageNum + (showPageNum / 2) >= PageCount)
      {
        startPage = PageCount - showPageNum;
      }
      else
      {
        startPage = PageNum - (showPageNum / 2);
      }
    }
    startPage = (startPage == 0 ? 1 : startPage);//第一个开始显示数字的页码
    //上一页按钮
    html.Append(string.Format("<li class='{0}'><a href='#' class='js-pageSelect' data-page='{1}'><span>上一页</span></a></li>", PageNum <= 1 ? "disabled" : "", PageNum - 1));

    if (startPage > 1)//生成第一页按钮和中间省略号
    {
      html.Append("<li><a class='js-pageSelect'' href='#' data-page='1'>1</a></li>");
      if (startPage > 2)
      {
        html.Append("<li><span>...</span></li>");
      }
    }
    for (int i = startPage; i <= (startPage + showPageNum); i++)//生成页码
    {
      if (i > PageCount)
      {
        break;
      }
      html.Append(string.Format("<li class='{0}'><a class='js-pageSelect'' href='#' data-page='{1}'>{2}</a></li>", i == PageNum ? "active" : "", i, i));
    }

    //生成最后一页按钮和中间省略号
    int maxShowPage = startPage + showPageNum;
    if (maxShowPage <= PageCount - 1)
    {
      if(maxShowPage <= PageCount - 2)
      {
        html.Append("<li><span>...</span></li>");
      }
      html.Append(string.Format("<li><a class='js-pageSelect'' href='#' data-page='{0}'>{1}</a></li>",PageCount,PageCount));
    }
    //显示下一页按钮
    html.Append(string.Format("<li class='{0}'><a href='#' class='js-pageSelect' data-page='{1}'><span>下一页</span></a></li>", PageNum >= PageCount ? "disabled" : "", PageNum + 1));
    //显示页码信息
    html.Append(string.Format("<li><span>第{0}页 共{1}页{2}条内容</span></li>", PageNum, PageCount, ItemCount));
  }
  else
  {
    //内容不足一页时显示的内容
    html.Append(string.Format("<li><span>共1页{0}条内容</span></li>", ItemCount));
  }
  return html.ToString();
}

用的时候直接放到MVC Controllers 中ActionResult 返回Content(html)。

页面中可以直接 

@Html.Action("", new {page = 1,pageSize = 20, ... })

 也可以

$.ajax({
 url: '/Function/FileArchiveSelectShouWenDengJiTableMessage',
 type: 'post',
 dataType: 'html',
 data: {
  page: page,
  pageSize: pagesize,
  ...
  },
})
.done(function (data) {
 $('#ShouWenPageSelect').html(data);
 InitPageSelectEvent();
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 在.NET Core中使用异步编程的方法步骤

    在.NET Core中使用异步编程的方法步骤

    这篇文章主要介绍了在.NET Core中使用异步编程的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 浅谈ASP.NET Core的几种托管方式

    浅谈ASP.NET Core的几种托管方式

    这篇文章主要介绍了浅谈ASP.NET Core的几种托管方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 详解IIS在ASP.NET Core下的两种部署模式

    详解IIS在ASP.NET Core下的两种部署模式

    ASP.NET CORE应用针对IIS具有两种部署模式,它们都依赖于一个IIS针对ASP.NET CORE Core的扩展模块,本文给大家介绍下IIS在ASP.NET Core下的两种部署模式,感兴趣的朋友一起看看吧
    2022-03-03
  • .net 刷新页面后弹出重试框的解决方法

    .net 刷新页面后弹出重试框的解决方法

    关闭模式窗口后,需要刷新父页面,但是模式窗口关闭后,父页面总是会弹出重试消息框,遇到此问题的朋友看下解决方法哈
    2013-04-04
  • ASP.NET Core MVC中过滤器工作原理介绍

    ASP.NET Core MVC中过滤器工作原理介绍

    这篇文章介绍了ASP.NET Core MVC中过滤器的工作原理,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-02-02
  • .NET中间件与VUE拦截器联合使用详情

    .NET中间件与VUE拦截器联合使用详情

    这篇文章主要介绍了.NET中间件与VUE拦截器联合使用详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-07-07
  • asp.net 计算字符串中各个字符串出现的次数

    asp.net 计算字符串中各个字符串出现的次数

    比如一个字符串"a,b,a,c,b,b,d",现在我们要统计每个字符串出现次数。解决这个问题,我们可以使用泛型集合 Dictionary(TKey,TValue)。它有一个key值用来存储字符串和一个value值,用来存储字符串出现的次数
    2012-05-05
  • 使用UserControl做网站导航条的思路 分析

    使用UserControl做网站导航条的思路 分析

    使用UserControl做网站导航条的思路 分析...
    2007-09-09
  • 在IIS上重新注册.NET Framework 2.0的命令和参数详解

    在IIS上重新注册.NET Framework 2.0的命令和参数详解

    这篇文章主要介绍了在IIS上重新注册.NET Framework 2.0的命令和参数详解,但其它.NET Framework 版本没有测试,需要的朋友可以参考下
    2014-07-07
  • 实现.Net7下数据库定时检查的方法详解

    实现.Net7下数据库定时检查的方法详解

    在软件开发过程中,有时候我们需要定时地检查数据库中的数据,并在发现新增数据时触发一个动作。为了实现这个需求,本文我们在 .Net 7 下进行一次简单的演示。感兴趣的可以了解一下
    2022-12-12

最新评论