nextPrevious ページング

nextPrevious ページングモードは、〈前へ〉と〈次へ〉ボタンで構成するページネーションコントロールのセットです。このトピックでは、ページングボタンに〈前へ〉と〈次へ〉テキストを使用する nextPrevious ページャを作成します。

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

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

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

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

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

ソースビュー

コードのコピー

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

プログラムを実行します。ページング要素は次の図のように表示されます。