Pager Settings and Types
You can select one of the two Pager types and configure the Pager by using the available settings.
Types
The Pager has two types:
Numeric()Input()
The Pager is Numeric() by default. To configure the number of buttons that will be shown in a numeric pager, use the ButtonCount() method. To configure the pager to accept only use input, use the Numeric() method, pass false as its parameter and the Input() method with true as its parameter.
The following example shows how to enable the Input() pager type
@(Html.Kendo().DataSource<Kendo.Mvc.Examples.Models.OrderViewModel>()
.Name("dataSource1")
.Ajax(t=>t.Read(read => read.Action("People_Read", "Pager")).PageSize(20))
)
@(Html.Kendo().Pager()
.Name("pager")
.DataSource("dataSource1")
.Input(true)
.Numeric(false)
)
<kendo-datasource name="dataSource1" type="DataSourceTagHelperType.Ajax" page-size="20">
<transport>
<read url="@Url.Action("People_Read","Pager")" />
</transport>
</kendo-datasource>
<kendo-pager name="pager" datasource-id="dataSource1" input="true" numeric="false">
</kendo-pager>
Settings
The following settings enable you to determine which built-in pager elements will be rendered:
-
PageSizes()- renders the dropdown that allows the user to change the page size. -
Refresh()- renders a refresh button -
PreviousNext()- toggles the visibility of buttons for navigating to the first, last, previous and next pages -
Info()- toggles the visibility of the current pager information