nextPreviousFirstLast Paging

The nextPreviousFirstLast paging mode is a set of pagination controls consisting of Next, Previous, First, and Last buttons. In this topic, we will create a wijpager element that uses text for the paging buttons.

Create an C1 ASP.NET MVC 5 Web Application.
In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.
Add the following markup within the <body> tags of the page.
```
<div id="pagerNextPreviousFirstLast">
        </div>
```

Use the following script to initialize the widget:

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

Run the program. The wijpager widget should resemble the following image: