ASP.NET MVC4 HtmlHelper擴展類，實現分頁功能

2020-03-24 15:48:36

字體：大中小

來源：轉載

供稿：網友

html' target='_blank'>public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount) var redirectTo = htmlHelper.ViewContext.RequestContext.HttpContext.Request.Url.AbsolutePath; pageSize = pageSize == 0 3 : pageSize; var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //總頁數 var output = new StringBuilder(); if (totalPages 1) output.AppendFormat(" a href='{0} pageIndex=1&pageSize={1}' 首頁 /a ", redirectTo, pageSize); if (currentPage 1) {//處理上一頁的連接 output.AppendFormat(" a href='{0} pageIndex={1}&pageSize={2}' 上一頁 /a ", redirectTo, currentPage - 1, pageSize); output.Append(" "); int currint = 5; for (int i = 0; i = 10; i++) {//一共最多顯示10個頁碼，前面5個，后面5個 if ((currentPage + i - currint) = 1 && (currentPage + i - currint) = totalPages) if (currint == i) {//當前頁處理 output.AppendFormat(" a href='{0} pageIndex={1}&pageSize={2}' {3} /a ", redirectTo, currentPage, pageSize, currentPage); else {//一般頁處理 output.AppendFormat(" a href='{0} pageIndex={1}&pageSize={2}' {3} /a ", redirectTo, currentPage + i - currint, pageSize, currentPage + i - currint); output.Append(" "); if (currentPage totalPages) {//處理下一頁的鏈接 output.AppendFormat(" a href='{0} pageIndex={1}&pageSize={2}' 下一頁 /a ", redirectTo, currentPage + 1, pageSize); output.Append(" "); if (currentPage != totalPages) output.AppendFormat(" a href='{0} pageIndex={1}&pageSize={2}' 末頁 /a ", redirectTo, totalPages, pageSize); output.Append(" "); output.AppendFormat(" label 第{0}頁 / 共{1}頁 /label ", currentPage, totalPages);//這個統計加不加都行 return new HtmlString(output.ToString());}2、添加公共類PagerInfo,PageQuerypublic class PagerInfo public int RecordCount { get; set; } public int CurrentPageIndex { get; set; } public int PageSize { get; set; }
//從數據庫在取得數據，并返回總記錄數 var temp = newsSer.LoadPageEntities(c = true, c = c.id, false, pageSize1, pageIndex1, out count); PagerInfo pager = new PagerInfo(); pager.CurrentPageIndex = pageIndex1; pager.PageSize = pageSize1; pager.RecordCount = count; PagerQuery PagerInfo, IQueryable news query = new PagerQuery PagerInfo, IQueryable news (pager, temp); return View(query);}4、View里的部分代碼 tbody @foreach (var item in Model.EntityList) input name="ids[]" type="checkbox" value="" / /td @item.author /td @item.title /td @item.ctime /td @Html.ActionLink("編輯", "Edit", new { id = item.id }) | @Html.ActionLink("刪除", "Delete", new { id = item.id }) /td /tr @*分頁*@ tr class="" td colspan="5" align="center" span @Html.ShowPageNavigate(Model.Pager.CurrentPageIndex, Model.Pager.PageSize, Model.Pager.RecordCount) /span /td /tr /tbody 5、添加一些樣式.paginator font: 12px Arial, Helvetica, sans-serif; padding: 10px 20px 10px 0; margin: 0px auto;.paginator a border: solid 1px #ccc; color: #0063dc; cursor: pointer; text-decoration: none;.paginator a:visited padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;.paginator .cpb border: 1px solid #F50; font-weight: 700; color: #F50; background-color: #ffeee5;.paginator a:hover border: solid 1px #F50; color: #f60; text-decoration: none;.paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover float: left; height: 16px; line-height: 16px; min-width: 10px; _width: 10px; margin-right: 5px; text-align: center; white-space: nowrap; font-size: 12px; font-family: Arial,SimSun; padding: 0 3px;.paginator label display:block; float:left; }6.總結這個案例簡單實現了在MVC中快速分頁，其實很多開源的項目中都有相關的HtmlHepler的擴展函數，其中也不乏帶有分頁的擴展，例如著名的開源商城項目nopCommerce，其中有就一個HtmlExtensions.cs擴展類，里面就有關于分頁的擴展，人家寫的可是相當專業哦，有興趣的可以研究一下。更多編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML5 canvas中如何繪制圖像

下一篇：介紹HTML5中的文件導入