Detaillierte Einführung in die Beispielmethoden, die vom MvcPager-Paging-Steuerelement verwendet werden

Dieser Artikel stellt hauptsächlich die Vorsichtsmaßnahmen für die Verwendung der MvcPager-Paging-Steuerung vor. Er hat einen gewissen Referenzwert.

Einsteiger in MVC haben eine einseitige Anwendung mit mehreren Seiten erstellt angezeigt werden müssen, und es gibt keine Aktualisierung und Aktualisierung.

Ich habe das MvcPager-Steuerelement gefunden, das sehr einfach zu verwenden ist. Bei der Verwendung von Ajax sind viele Probleme aufgetreten. Ich habe langsam debuggt, Lehrer Yang (den Autor von MvcPaegr) um Rat gefragt und es schließlich gelöst.

Zuerst wird das NuGet-Paket hinzugefügt. Sie finden es, indem Sie nach MvcPager suchen.

Der Controller muss auf

mit Webdiyer.WebControls.Mvc verweisen. Nachdem ich mir die offizielle Demo angesehen habe, verstehe ich sie fast, hauptsächlich beim Aufzeichnen des Frontends.

Fügen Sie es dann dort hinzu, wo Sie die Paging-Steuerung nach der Ausführung aktualisieren müssen. Wenn Sie es hinzufügen oder löschen, führen Sie

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

aus

Wichtig. Um die obige Methode verwenden zu können, müssen Sie eine Methode

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

zum jQuery-Plug-in von MvcPager.js hinzufügen. Wichtig: MvcPager kann nicht verwendet werden nach der Änderung der JS-Skriptregistrierungsmethode.

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

Zitieren Sie einfach MvcPager.js direkt.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Beispielmethoden, die vom MvcPager-Paging-Steuerelement verwendet werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!