Fork me on GitHub

MvcPager demos

Url route paging

› Standard url route pagingThis sample demonstrates the standard url route paging functionality of MvcPager.
› Paging via url paramThis sample demonstrates paging through standard url parameter.
› Retain url parametersThis sample demonstrates how MvcPager can retain url parameters after paging.
› Using custom routesThis sample demonstrates how MvcPager can generate different paging urls using different routes.
› Search result pagingThis sample uses GET method to submit search form and page through search result using MvcPager.
› Multiple MvcPagersThis sample demonstrates using multiple MvcPagers on a single page.
› First page url SEOThis sample demonstrates MvcPager's SEO functionality for the first page url.
› Dynamic page sizeThis sample demonstrates how to set page size dynamically via route value or url parameter.

Ajax paging

› Standard Ajax pagingThis sample demonstrates the asynchronous paging functionality of the MvcPager.
› Ajax eventsThis sample demonstrates how to handle Ajax events of the MvcPager in Ajax paging mode.
› Load by AjaxThis sample demonstrates how to load MvcPager dynamically via Ajax call.
› Data initializationThis sample demonstrates how MvcPager can get page index from url hash value and jump to specified page automatically in Ajax paging mode.
› Partial loadingThis sample demonstrates the partial loading feature of MvcPager in Ajax paging mode.
› Disable history supportThis sample demonstrates how to disable browser history support in Ajax paging mode.
› Loading effectThis sample demonstrates how to add loading effect for loading large data or performing time consuming operation in Ajax paging mode.
› Multiple AjaxPagersThis sample demonstrates how to use multiple MvcPagers to page for different data in Ajax paging mode.
› Multiple AjaxPagers(Partial loading)This sample demonstrates how to use multiple AjaxPagers on a single page using Ajax partial loading feature.
› Ajax paging degradationThis sample demonstrates how MvcPager can be degradated gracefully from Ajax paging mode to standard url paging mode if Javascript support is disabled by client browser or there's Javascript error on the page.
› Combined modeThis sample demonstrates how to use AjaxPager and HtmlPager on a single page to add paging functionality for the same data.

Ajax search paging

› AjaxForm Search (Post)This sample demonstrates how to add paging functionality for Ajax search result within the AjaxForm that uses the POST http method.
› AjaxForm Search (Get)This sample demonstrates how to add paging functionality for Ajax search result within the AjaxForm that uses the GET http method.
› HtmlForm Search (Post)This sample demonstrates how to add paging functionality for Ajax search result within the normal HtmlForm that uses the POST http method.
› HtmlForm Search (Get)This sample demonstrates how to add paging functionality for Ajax search result within the normal HtmlForm that uses the GET http method.

Appearance

› Apply css stylesThis sample demonstrates how to apply css styles to MvcPager.
› Numeric pager item formatThis sample demonstrates how to format the text of the numeric pager items.
› Pager items templatesThis sample demonstrates how to apply html template to pager items.
› Display paging infoThis sample demonstrates how to display paging information like page count, current page index and total item count.
› Navigation buttons positionThis sample demonstrates how to set the position of Navigation buttons (the first, last, previous and next pager items).
› Using page index boxThis sample demonstrates how to allow users to input or select page index from the page index box.
› Using page index box(Ajax)This sample demonstrates how to allow users to input or select page index from the page index box in Ajax paging mode.
› Page index error handlingThis sample demonstrates how to handle page index error in the client side.

Paging data

› Using stored procedureThis sample demonstrates how to use SQL Server stored procedure to retrieve data for paging.
› DataRow collection pagingThis sample demonstrates how to page for DataRow collection filled with ADO.NET DataAdapter.
› Implementing IPagedList interfaceThis sample demonstrates how to inplement IPagedList interface that makes custom object pageable.
› Deleting paged itemsThis sample demonstrates one of the features of ToPagedList extension method that resets the current page index to the total page count and returns the data of the last page when page index is larger than total page count.

Javascrip API

› Go to page(Html)This sample demonstrates using goToPage function of Javascript API to jump to a specified page.
› Go to page(Ajax)This sample demonstrates using goToPage function of Javascript API to jump to a specified page in Ajax paging mode.
› Create paging UI (Html)This sample demonstrates how to create custom pager UI using Javascript API.
› Create paging UI (Ajax)This sample demonstrates how to create custom pager UI using Javascript API.