Detailed introduction to the example methods used by the MvcPager paging control

This article mainly introduces the precautions for using the MvcPager paging control in detail. It has a certain reference value. Interested friends can refer to

Beginners to MVC and made a single-page application. , multiple pages need to be displayed, and there is no refresh and update.

I found the MvcPager control, which is very easy to use. I encountered many problems while using ajax. I debugged slowly and asked Teacher Yang (the author of MvcPaegr) for advice, and finally solved it.

First add the NuGet package. You can find it by searching for MvcPager.

The controller must reference

using Webdiyer.WebControls.Mvc;

There will be no more records on the backend. After watching the official Demo, I almost understand it, mainly recording the front end.

 <p>
  @Ajax.Pager(Model, new PagerOptions
 {
  ShowFirstLast = false,//显示第一页按钮
  ShowPrevNext = false,//显示最后一页按钮
  NumericPagerItemCount = 5,//最多显示页码数
  PageIndexParameterName = "page",//传递给后端的分页参数，如果同页有多个分页，这个参数必须不同
  Id = "callajax",//分页控件的ID，给内容修改后需要刷新页面使用。
  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>

Then add it where you need to refresh the paging control after execution. If added or deleted, execute

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

important. To use the above method, you need to add a method to the jQuery plug-in of MvcPager.js

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: [] });
 },

Important, you cannot use MvcPager’s JS script after modifying MvcPager.js How to register.

Just quote MvcPager.js directly.

The above is the detailed content of Detailed introduction to the example methods used by the MvcPager paging control. For more information, please follow other related articles on the PHP Chinese website!