MvcPager ページング コントロールで使用されるサンプル メソッドの詳細な紹介

この記事では主に MvcPager ページング コントロールを使用する際の注意事項を詳しく紹介します。興味のある方は参考にしてください。

私は MVC の初心者で、複数のページネーションを表示する必要がある単一ページのアプリケーションを作成しました。 、更新更新はありません。

Ajax を使用しているときに、非常に使いやすい MvcPager コントロールを見つけました。ゆっくりデバッグし、Yang 先生 (MvcPaegr の作者) にアドバイスを求め、最終的に解決しました。

まず、NuGet パッケージを追加します。 MvcPager を検索すると見つかります。

コントローラー側は

using Webdiyer.WebControls.Mvc;

バックエンドについてはあまり記録しません。主にフロントエンドを記録します。

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

実行後にページングコントロールを更新する必要がある場所に追加または削除する場合は、

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 を直接引用するだけです。

以上がMvcPager ページング コントロールで使用されるサンプル メソッドの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。