The wijpager widget is a UI that allows end-users to scan through elements or pages by clicking on a visible element. . The wijpager widget allows you to use several modes; for example, you can use a numeric paging system or a next /previous system.
Open the .cshtml file for the View in which you want to display a pager. Add a DOM <div> element, such as this:
<divid="pager"></div>
To make the pager work, you need to initialize the widget. Add the following script to the .cshtml file:
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#pager").wijpager({ pageCount: 50, pageIndex: 40, mode: "numericFirstLast" });
});
</script>
The script initializes the pager and specifies the page count, which page is highlighted at run time, and the paging mode . For this project, the pager will count the pages from the lowest to the highest number and it will have 50 pages. Page 41 will be highlighted at run time.
For more information about wijpager, click one of the external links to view our Wijmo wiki documentation: