Introduction détaillée aux exemples de méthodes utilisées par le contrôle de pagination MvcPager

Cet article présente principalement en détail les précautions d'utilisation du contrôle de pagination MvcPager. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

Les débutants en MVC et ceux qui ont créé une application d'une seule page, plusieurs pages. doivent être affichés, et il n’y a pas d’actualisation ni de mise à jour.

J'ai trouvé le contrôle MvcPager, qui est très simple à utiliser. J'ai rencontré de nombreux problèmes lors de l'utilisation d'ajax. J'ai débogué lentement et j'ai demandé conseil au professeur Yang (l'auteur de MvcPaegr), et j'ai finalement résolu le problème.

Le package NuGet est d’abord ajouté. Vous pouvez le trouver en recherchant MvcPager.

Le contrôleur doit faire référence à

en utilisant Webdiyer.WebControls.Mvc ; Après avoir regardé la démo officielle, je l'ai presque compris, en enregistrant principalement le front-end.

Ajoutez-le ensuite là où vous devez actualiser le contrôle de pagination après l'exécution. S'il est ajouté ou supprimé, exécutez

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

Important. Pour utiliser la méthode ci-dessus, vous devez ajouter une méthode

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

au plug-in jQuery de MvcPager.js. Important, MvcPager ne peut pas être utilisé. après avoir modifié la méthode d'enregistrement du script 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: [] });
 },

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!