MvcPager分頁控件的使用方法-創(chuàng)新互聯(lián)

MvcPager分頁控件的使用方法?這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比襄陽網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式襄陽網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋襄陽地區(qū)。費用合理售后完善,10余年實體公司更值得信賴。

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

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

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

控制器端必須引用

using Webdiyer.WebControls.Mvc;

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

 <p>
  @Ajax.Pager(Model, new PagerOptions
 {
  ShowFirstLast = false,//顯示第一頁按鈕
  ShowPrevNext = false,//顯示最后一頁按鈕
  NumericPagerItemCount = 5,//最多顯示頁碼數(shù)
  PageIndexParameterName = "page",//傳遞給后端的分頁參數(shù),如果同頁有多個分頁,這個參數(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 })
 </p>

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

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

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

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)容,你們對MvcPager分頁控件的使用方法大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標(biāo)題:MvcPager分頁控件的使用方法-創(chuàng)新互聯(lián)
分享地址:http://www.muchs.cn/article0/picoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機、網(wǎng)站策劃網(wǎng)站建設(shè)、網(wǎng)站設(shè)計營銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

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

成都seo排名網(wǎng)站優(yōu)化