MvcPager分頁控件使用注意事項(xiàng)

更新時(shí)間：2017年06月01日 15:58:28 作者：kismet82

這篇文章主要為大家詳細(xì)介紹了MvcPager分頁控件使用的注意事項(xiàng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

初學(xué)MVC，做了個(gè)單頁面應(yīng)用，需要顯示多個(gè)分頁，并無刷新更新。

找到了MvcPager控件，非常好用，在使用ajax過程中遇到很多問題。慢慢調(diào)試和楊老師（MvcPaegr作者）請教，總于都解決了。

首先NuGet包添加上。搜索MvcPager可以找到。

控制器端必須引用

using Webdiyer.WebControls.Mvc;

后端就不多記錄了，看下官方Demo差不多都理解了，主要記錄下前端。

 <div>
  @Ajax.Pager(Model, new PagerOptions
 {
  ShowFirstLast = false,//顯示第一頁按鈕
  ShowPrevNext = false,//顯示最后一頁按鈕
  NumericPagerItemCount = 5,//最多顯示頁碼數(shù)
  PageIndexParameterName = "page",//傳遞給后端的分頁參數(shù)，如果同頁有多個(gè)分頁，這個(gè)參數(shù)必須不同
  Id = "callajax",//分頁控件的ID，給內(nèi)容修改后需要刷新頁面使用。
  ContainerTagName = "ul",
  CssClass = "pagination",
  CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",
  DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
  PagerItemTemplate = "<li>{0}</li>"
 },
 new MvcAjaxOptions { UpdateTargetId = "calllogpage",EnableHistorySupport = false })
 </div>

然后在需要執(zhí)行后刷新分頁控件的地方加入，如果添加或者刪除后執(zhí)行

Webdiyer.MvcPagers.getById("callajax").ajaxReload();//這里面的ID是分頁控件指定的ID

重要。使用上面的方法需要在MvcPager.js的jQuery插件中增加一個(gè)方法

ajaxReload:function(){
  var context = this;
  context.allowReload = true;
  context.allowCache=false;
  var index = context.__getPageIndex(context.pageIndexName);
  context.__ajax(index===0?1:index, { type: this.httpMethod, data: [] });
 },

重要，將MvcPager.js修改后就不能使用MvcPager的JS腳本注冊方法了。

直接引用MvcPager.js就行了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

asp.net導(dǎo)出excel數(shù)據(jù)的常見方法匯總
這篇文章主要介紹了asp.net導(dǎo)出excel數(shù)據(jù)的常見方法,實(shí)例匯總了數(shù)據(jù)導(dǎo)出的常見的方法以及相關(guān)的注意事項(xiàng),是非常實(shí)用的技巧,需要的朋友可以參考下
2014-10-10
為ASP.NET Core強(qiáng)類型配置對象添加驗(yàn)證的方法
這篇文章主要給大家介紹了關(guān)于如何為ASP.NET Core強(qiáng)類型配置對象添加驗(yàn)證的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
ASP.NET 恢復(fù)備份Sqlserver實(shí)現(xiàn)代碼
在線恢復(fù)和備份SQL Server的代碼，需要的朋友可以參考下。
2010-04-04
.net core xss攻擊防御的方法
這篇文章主要介紹了.net core xss攻擊防御的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-07-07
asp.net 站點(diǎn)URLRewrite使用小記
asp.net的底層運(yùn)作已經(jīng)也亂談過一番，今天記一下URLRewrite的方法。
2009-11-11
vs.net 2010 擴(kuò)展插件小結(jié) 提高編程效率
本文價(jià)紹了幾款Visual Studio提供的插件，提高我們的編程效率。
2011-03-03
C# 郵件地址是否合法的驗(yàn)證
檢測輸入的郵件地址strEmail是否合法，非法則返回true。
2009-02-02
asp.net生成Excel并導(dǎo)出下載五種實(shí)現(xiàn)方法
有關(guān)Excel下載的文章網(wǎng)上想必有很多，利用閑暇時(shí)間整理了一些有Excel下載方法的文章，接下來介紹五種實(shí)現(xiàn)Excel下載的方法，感興趣的朋友可以了解下，或許對你學(xué)習(xí)Excel下載有所幫助
2013-02-02
asp.net中一次性動(dòng)態(tài)綁定多個(gè)droplistdown
asp.net中一次性動(dòng)態(tài)綁定多個(gè)droplistdown的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-10-10
在?ASP.NET?Core?中使用?HTTP?標(biāo)頭傳播詳情
這篇文章主要介紹了在?ASP.NET?Core?中使用?HTTP?標(biāo)頭傳播詳情，文章通過，我們創(chuàng)建?ServerA、ServiceB?兩個(gè)?Web?API?項(xiàng)目展開內(nèi)容,需要的朋友可以參考一下
2022-04-04