MVC5 Classic
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.

  1. Create an C1 ASP.NET MVC 5 Web Application.
  2. In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.
  3. Add the following markup within the <body> tags of the page.
    <div id="pagerNextPreviousFirstLast">
            </div>
    
  4. 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>
    
  5. Run the program. The wijpager widget should resemble the following image:

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback