numericFirstLast ページング

numericFirstLast ページングは、ページに直接アクセスするための数字リンクボタンと先頭および最後のページに直接アクセスするための〈先頭へ〉と〈最後へ〉リンクボタンの両方で構成するページネーションコントロールのセットです。

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

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

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

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

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

ソースビュー

コードのコピー

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

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