nextPrevious Paging

The nextPrevious paging mode is a set of pagination controls consisting of Next and Previous buttons. In this topic, we will create a nextPrevious pager that uses the text "Next" and "Previous" on 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="pagerNextPrevious">
        </div>
```

Insert the following script to initialize the widget:

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

Run your program. The paging element should appear as in the following image: