如何在ASP.NET中使用HtmlHelper擴(kuò)展類(lèi)實(shí)現(xiàn)一個(gè)分頁(yè)功能？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)蘇尼特右免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1、擴(kuò)展HtmlHelper類(lèi)方法ShowPageNavigate

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); //總頁(yè)數(shù)
  var output = new StringBuilder();
  if (totalPages > 1)
  {
    output.AppendFormat("<a class='pageLink' href='{0}?pageIndex=1&pageSize={1}'>首頁(yè)</a> ", redirectTo, pageSize);
    if (currentPage > 1)
    {//處理上一頁(yè)的連接
      output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>上一頁(yè)</a> ", redirectTo, currentPage - 1, pageSize);
    }

    output.Append(" ");
    int currint = 5;
    for (int i = 0; i <= 10; i++)
    {//一共最多顯示10個(gè)頁(yè)碼，前面5個(gè)，后面5個(gè)
      if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages)
      {
        if (currint == i)
        {//當(dāng)前頁(yè)處理              
          output.AppendFormat("<a class='cpb' href='{0}?pageIndex={1}&pageSize={2}'>{3}</a> ", redirectTo, currentPage, pageSize, currentPage);
        }
        else
        {//一般頁(yè)處理
          output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>{3}</a> ", redirectTo, currentPage + i - currint, pageSize, currentPage + i - currint);
        }
      }
      output.Append(" ");
    }
    if (currentPage < totalPages)
    {//處理下一頁(yè)的鏈接
      output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>下一頁(yè)</a> ", redirectTo, currentPage + 1, pageSize);
    }

    output.Append(" ");
    if (currentPage != totalPages)
    {
      output.AppendFormat("<a class='pageLink' href='{0}?pageIndex={1}&pageSize={2}'>末頁(yè)</a> ", redirectTo, totalPages, pageSize);
    }
    output.Append(" ");
  }
  output.AppendFormat("<label>第{0}頁(yè) / 共{1}頁(yè)</label>", currentPage, totalPages);//這個(gè)統(tǒng)計(jì)加不加都行

  return new HtmlString(output.ToString());
}

2、添加公共類(lèi)PagerInfo,PageQuery

public class PagerInfo
{
  public int RecordCount { get; set; }

  public int CurrentPageIndex { get; set; }

  public int PageSize { get; set; }
}


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; }
}

3、然后在Controller里面添加Action

public ActionResult Index(int? pageSize, int? pageIndex)
{
  int pageIndex1 = pageIndex ?? 1;
  int pageSize1 = pageSize ?? 5;
  int count = 0;
  //從數(shù)據(jù)庫(kù)在取得數(shù)據(jù)，并返回總記錄數(shù)
  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)
  {
    <tr>
      <td class="checkBox">
        <input name="ids[]" type="checkbox" value="" />
      </td>
      <td>
        @item.author
      </td>
      <td>
        @item.title
      </td>
      <td>
        @item.ctime
      </td>
      <td>
        @Html.ActionLink("編輯", "Edit", new { id = item.id }) |
        @Html.ActionLink("刪除", "Delete", new { id = item.id })
      </td>
    </tr>
  }
  @*分頁(yè)*@
  <tr class="">
    <td colspan="5" align="center" class="paginator">
      <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;  
}

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。

文章題目：如何在ASP.NET中使用HtmlHelper擴(kuò)展類(lèi)實(shí)現(xiàn)一個(gè)分頁(yè)功能-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://chinadenli.net/article40/shpeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、定制網(wǎng)站、App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、做網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)