ホームページ > バックエンド開発 > C#.Net チュートリアル > MvcPager ページング コントロールで使用されるサンプル メソッドの詳細な紹介

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

零下一度
リリース: 2017-06-15 13:59:03
オリジナル
1982 人が閲覧しました

この記事では主に 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート