nextPreviousFirstLast ページング

nextPreviousFirstLast ページングモードは、〈前へ〉、〈次へ〉、〈先頭へ〉、および〈最後へ〉ボタンで構成するページネーションコントロールのセットです。このトピックでは、ページングボタンのテキストを使用する wijpager 要素を作成します。

ASP.NET MVC 5 Wijmo アプリケーションを作成します。
ソリューションエクスプローラで、Views → Shared フォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。

以下のマークアップをページの<body>タグ内に追加します。

ソースビュー	コードのコピー
<div id="pagerNextPreviousFirstLast"> </div>

以下のスクリプトを使用して、ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#pagerNextPreviousFirstLast").wijpager({ pageCount: 150, pageIndex: 40, mode: "nextPreviousFirstLast", firstPageClass: "", previousPageClass: "", nextPageClass: "", lastPageClass: "" }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
   $(document).ready(function () {
       $("#pagerNextPreviousFirstLast").wijpager({ pageCount: 150, pageIndex: 40, mode: "nextPreviousFirstLast",
               firstPageClass: "", previousPageClass: "", nextPageClass: "", lastPageClass: ""
           });
   });
   </script>

プログラムを実行します。 wijpager ウィジェットは、次の図のようになります。