This sample demonstrates the usage of paging API in Grid. In this sample, use the properties panel to change the page size, page count and current page of the Grid.
|
Allow Paging
|
|
|
Page Size
|
|
|
Page Count
|
|
|
Current Page
|
|
Paging allows you to display the contents of the Grid in page segments. The number of items on a page is determined by the pageSettings->pageSize property. If no value is specified for the pageSettings->pageSize property, the Grid will display 12 items on a page. By default, paging is disabled. To enable paging, set allowPaging property to true. In this demo, Click the Allow Paging check box to enable/disable paging feature. Change the value of Page Size textbox to change pageSettings->pageSize. Change the value of Page Count textbox to change pageSettings->pageCount. Change the value of Current Page textbox to change pageSettings->currentPage. Changed default pager details information using the totalItemsInfo locale property. Injecting Module: Grid features are segregated into individual feature-wise modules. To use paging feature, we need to inject Page module using the Grid.Inject(Page) method. More information on the paging configuration can be found in this documentation section.