MVC5 Classic
Numeric Paging

The numeric paging mode is a set of pagination controls consisting of numbered link buttons to access pages directly.

  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="pagerNumeric">
            </div>
    
  4. Use the following script to initialize the widget:
    <script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
             $("#pagerNumeric").wijpager({ pageCount: 150, pageIndex: 40, mode: "numeric" });
                });
        </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