溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何寫一個(gè)支持普通分頁(yè)和綜合分頁(yè)的MVC分頁(yè)Helper

發(fā)布時(shí)間:2021-09-16 16:10:43 來(lái)源:億速云 閱讀:113 作者:柒染 欄目:開發(fā)技術(shù)

今天就跟大家聊聊有關(guān)如何寫一個(gè)支持普通分頁(yè)和綜合分頁(yè)的MVC分頁(yè)Helper,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

下面是分頁(yè)效果:

如何寫一個(gè)支持普通分頁(yè)和綜合分頁(yè)的MVC分頁(yè)Helper

分頁(yè)代碼:

PagerHelper.cs

using System.Collections.Generic;
using System.Collections.Specialized;
using System.Linq;
using System.Web;
using System.Text;
using System.Web.Mvc;
using System.Web.Routing;
using System.Data.Objects.DataClasses;
namespace System.Web.Mvc
{
 public static class PagerHelper
 {
 /// <summary>
 /// 分頁(yè)
 /// </summary>
 /// <param name="helper"></param>
 /// <param name="id">分頁(yè)id</param>
 /// <param name="currentPageIndex">當(dāng)前頁(yè)</param>
 /// <param name="pageSize">分頁(yè)尺寸</param>
 /// <param name="recordCount">記錄總數(shù)</param>
 /// <param name="htmlAttributes">分頁(yè)頭標(biāo)簽屬性</param>
 /// <param name="className">分頁(yè)樣式</param>
 /// <param name="mode">分頁(yè)模式</param>
 /// <returns></returns>
 public static string Pager(this HtmlHelper helper, string id, int currentPageIndex, int pageSize, int recordCount, object htmlAttributes, string className,PageMode mode)
 {
  TagBuilder builder = new TagBuilder("table");
  builder.IdAttributeDotReplacement = "_";
  builder.GenerateId(id);
  builder.AddCssClass(className);
  builder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
  builder.InnerHtml = GetNormalPage(currentPageIndex, pageSize, recordCount,mode);
  return builder.ToString();
 }
 /// <summary>
 /// 分頁(yè)
 /// </summary>
 /// <param name="helper"></param>
 /// <param name="id">分頁(yè)id</param>
 /// <param name="currentPageIndex">當(dāng)前頁(yè)</param>
 /// <param name="pageSize">分頁(yè)尺寸</param>
 /// <param name="recordCount">記錄總數(shù)</param>
 /// <param name="className">分頁(yè)樣式</param>
 /// <returns></returns>
 public static string Pager(this HtmlHelper helper, string id, int currentPageIndex, int pageSize, int recordCount, string className)
 {
  return Pager(helper, id, currentPageIndex, pageSize, recordCount, null, className,PageMode.Normal);
 }
 /// <summary>
 /// 分頁(yè)
 /// </summary>
 /// <param name="helper"></param>
 /// <param name="id">分頁(yè)id</param>
 /// <param name="currentPageIndex">當(dāng)前頁(yè)</param>
 /// <param name="pageSize">分頁(yè)尺寸</param>
 /// <param name="recordCount">記錄總數(shù)</param>
 /// <returns></returns>
 public static string Pager(this HtmlHelper helper,string id,int currentPageIndex,int pageSize,int recordCount)
 {
  return Pager(helper, id, currentPageIndex, pageSize, recordCount,null);
 }
 /// <summary>
 /// 分頁(yè)
 /// </summary>
 /// <param name="helper"></param>
 /// <param name="id">分頁(yè)id</param>
 /// <param name="currentPageIndex">當(dāng)前頁(yè)</param>
 /// <param name="pageSize">分頁(yè)尺寸</param>
 /// <param name="recordCount">記錄總數(shù)</param>
 /// <param name="mode">分頁(yè)模式</param>
 /// <returns></returns>
 public static string Pager(this HtmlHelper helper, string id, int currentPageIndex, int pageSize, int recordCount,PageMode mode)
 {
  return Pager(helper, id, currentPageIndex, pageSize, recordCount, null,mode);
 }
 /// <summary>
 /// 分頁(yè)
 /// </summary>
 /// <param name="helper"></param>
 /// <param name="id">分頁(yè)id</param>
 /// <param name="currentPageIndex">當(dāng)前頁(yè)</param>
 /// <param name="pageSize">分頁(yè)尺寸</param>
 /// <param name="recordCount">記錄總數(shù)</param>
 /// <param name="className">分頁(yè)樣式</param>
 /// <param name="mode">分頁(yè)模式</param>
 /// <returns></returns>
 public static string Pager(this HtmlHelper helper, string id, int currentPageIndex, int pageSize, int recordCount,string className, PageMode mode)
 {
  return Pager(helper, id, currentPageIndex, pageSize, recordCount, null,className,mode);
 }
 /// <summary>
 /// 獲取普通分頁(yè)
 /// </summary>
 /// <param name="currentPageIndex"></param>
 /// <param name="pageSize"></param>
 /// <param name="recordCount"></param>
 /// <returns></returns>
 private static string GetNormalPage(int currentPageIndex, int pageSize, int recordCount,PageMode mode)
 {
  int pageCount = (recordCount%pageSize ==0?recordCount/pageSize:recordCount/pageSize+1);
  StringBuilder url = new StringBuilder();
  url.Append(HttpContext.Current.Request.Url.AbsolutePath+"?page={0}");
  NameValueCollection collection = HttpContext.Current.Request.QueryString;
  string[] keys = collection.AllKeys;
  for (int i = 0; i < keys.Length; i++)
  {
  if (keys[i].ToLower() != "page")
   url.AppendFormat("&{0}={1}", keys[i], collection[keys[i]]);
  }
  StringBuilder sb = new StringBuilder();
  sb.Append("<tr><td>");
  sb.AppendFormat("總共{0}條記錄,共{1}頁(yè),當(dāng)前第{2}頁(yè)&nbsp;&nbsp;", recordCount, pageCount, currentPageIndex);
  if (currentPageIndex == 1)
  sb.Append("<span>首頁(yè)</span>&nbsp;");
  else
  {
  string url1 = string.Format(url.ToString(), 1);
  sb.AppendFormat("<span><a href={0}>首頁(yè)</a></span>&nbsp;", url1);
  }
  if (currentPageIndex > 1)
  {
  string url1 = string.Format(url.ToString(), currentPageIndex - 1);
  sb.AppendFormat("<span><a href={0}>上一頁(yè)</a></span>&nbsp;", url1);
  }
  else
  sb.Append("<span>上一頁(yè)</span>&nbsp;");
  if(mode == PageMode.Numeric)
  sb.Append(GetNumericPage(currentPageIndex,pageSize,recordCount,pageCount,url.ToString()));
  if (currentPageIndex < pageCount)
  {
  string url1 = string.Format(url.ToString(), currentPageIndex+1);
  sb.AppendFormat("<span><a href={0}>下一頁(yè)</a></span>&nbsp;", url1);
  }
  else
  sb.Append("<span>下一頁(yè)</span>&nbsp;");

  if (currentPageIndex == pageCount)
  sb.Append("<span>末頁(yè)</span>&nbsp;");
  else
  {
  string url1 = string.Format(url.ToString(), pageCount);
  sb.AppendFormat("<span><a href={0}>末頁(yè)</a></span>&nbsp;", url1);
  }
  return sb.ToString();
 }
 /// <summary>
 /// 獲取數(shù)字分頁(yè)
 /// </summary>
 /// <param name="currentPageIndex"></param>
 /// <param name="pageSize"></param>
 /// <param name="recordCount"></param>
 /// <param name="pageCount"></param>
 /// <param name="url"></param>
 /// <returns></returns>
 private static string GetNumericPage(int currentPageIndex, int pageSize, int recordCount, int pageCount,string url)
 {
  int k = currentPageIndex / 10;
  int m = currentPageIndex % 10;
  StringBuilder sb = new StringBuilder();
  if (currentPageIndex / 10 == pageCount / 10)
  {
  if (m == 0)
  {
   k--;
   m = 10;
  }
  else
   m = pageCount%10;
  }
  else
  m = 10;
  for (int i = k * 10 + 1; i <= k * 10 + m; i++)
  {
  if (i == currentPageIndex)
   sb.AppendFormat("<span><font color=red><b>{0}</b></font></span>&nbsp;", i);
  else
  {
   string url1 = string.Format(url.ToString(), i);
   sb.AppendFormat("<span><a href={0}>{1}</a></span>&nbsp;",url1, i);
  }
  }
  
  return sb.ToString();
 }
 }
 /// <summary>
 /// 分頁(yè)模式
 /// </summary>
 public enum PageMode
 {
 /// <summary>
 /// 普通分頁(yè)模式
 /// </summary>
 Normal,
 /// <summary>
 /// 普通分頁(yè)加數(shù)字分頁(yè)
 /// </summary>
 Numeric
 }
}

PagerQuery.cs包含兩個(gè)屬性,一個(gè)是PageInfo實(shí)體類屬性Pager,包含RecordCount,CurrentPageIndex,PageSize三個(gè)屬性。一個(gè)是Model EntityList屬性。

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

namespace System.Web.Mvc
{
 public class PagerQuery<TPager,TEntityList>
 {
 public PagerQuery(TPager pager, TEntityList entityList)
 {
  this.Pager = pager;
  this.EntityList = entityList;
 }
 public TPager Pager { get; set; }
 public TEntityList EntityList { get; set; } 
 }
}

PageInfo.cs

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

namespace System.Web.Mvc
{
 public class PagerInfo
 {
 public int RecordCount { get; set; }

 public int CurrentPageIndex { get; set; }

 public int PageSize { get; set; }
 }
}

使用示例:

@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<PagerQuery<PagerInfo, IList<NewsArticleInfo>>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
 NewsList
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

 <h3>NewsList</h3>

 <table>
 <tr>
  <th></th>
  <th>
  NoteID
  </th>
  <th>
  Title
  </th>
  <th>
  Author
  </th>
  <th>
  Hit
  </th>
  <th>
  ReplyNum
  </th>
  
 </tr>

 <% foreach (var item in Model.EntityList) { %>
 
 <tr>
  <td>
  <%= Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) %> |
  <%= Html.ActionLink("Details", "NewsDetail", new { noteID=item.NoteID })%>
  </td>
  <td>
  <%= Html.Encode(item.NoteID) %>
  </td>
  <td>
  <%= Html.Encode(item.Title) %>
  </td>
  <td>
  <%= Html.Encode(item.Author)%>
  </td>
  <td>
  <%= Html.Encode(item.Hit)%>
  </td>
  <td>
  <%= Html.Encode(item.ReplyNum)%>
  </td>
  
 </tr>
 
 <% } %>

 </table>

 <p>
 <%=Html.Pager("pager",Model.Pager.CurrentPageIndex,Model.Pager.PageSize,Model.Pager.RecordCount,PageMode.Numeric) %>
 </p>

</asp:Content>

 controler:

[AcceptVerbs(HttpVerbs.Get)]
 public ActionResult NewsList(int boardID,int? page)
 {
  PagerInfo pager = new PagerInfo();
  NewsArticleInfo info = new NewsArticleInfo();
  info.NewsBoard = new NewsBoardInfo();
  info.NewsBoard.BoardID = boardID;
  pager.RecordCount = Resolve<INewsBLL>().GetArticleDataList(info, ArticleTypeEnum.Pass);
  pager.PageSize = 10;
  pager.CurrentPageIndex = (page!=null?(int)page:1);
  IList<NewsArticleInfo> result = Resolve<INewsBLL>().GetArticleDataList(pager.CurrentPageIndex, pager.PageSize, ArticleTypeEnum.Pass, info);
  PagerQuery<PagerInfo, IList<NewsArticleInfo>> query = new PagerQuery<PagerInfo, IList<NewsArticleInfo>>(pager,result);
  return View(query);
 }

源碼下載:http://xiazai.jb51.net/201609/yuanma/MvcPager(jb51.net).rar

看完上述內(nèi)容,你們對(duì)如何寫一個(gè)支持普通分頁(yè)和綜合分頁(yè)的MVC分頁(yè)Helper有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI