Keyboard Navigation
To enable keyboard navigation of the Pager set the Navigatable() option to true.
For a complete example, refer to the demo on using the keyboard navigation of the Pager.
The Pager supports its keyboard navigation functionality through the Navigatable() method. When enabled, you can initially change the active page by using the PageUp and PageDown keys.
Alternatively, you can press Enter and navigate through the different elements of the pager via Tab and Shift+Tab.
The following example demonstrates how to enable the keyboard navigation in the Pager.
@(Html.Kendo().Pager()
.Name("pager")
/* Other configuration. */
.Navigatable(true)
)
<kendo-pager name="pager" navigatable="true">
</kendo-pager>
The table below lists the available key combinations supported by the Pager.
When the Pager is focused:
| SHORTCUT | DESCRIPTION |
|---|---|
Left Arrow |
Loads the previous page, if it exists. |
Right Arrow |
Loads the next page, if it exists. |
Page Up |
Loads the previous page, if it exists. |
Page Down |
Loads the next page, if it exists. |
Home |
Loads the first page, if the current page is not already the first one. |
End |
Loads the last page, if the current page is not already the last one. |
Enter |
Changes the focus to the first focusable Pager element. |
When an element inside the Pager is focused:
| SHORTCUT | DESCRIPTION |
|---|---|
Tab |
Changes the focus to the next Pager element. |
Shift+Tab
|
Changes the focus to the previous Pager element. |
Enter |
Triggers the default action associated with this element. |
Escape |
Changes the focus to the Pager wrapper. |