Navigation

Represents the KendoReact Navigation functionality. It handles the navigation through a collection of DOM elements.

Name	Type	Default	Description
current	"null" | HTMLElement		Returns the focused DOM element from the navigation collection of DOM elements.
elements	HTMLElement[]		Returns the collection of DOM elements which the module will navigate in.
first	"null" | HTMLElement		Returns the first navigation DOM element.
last	"null" | HTMLElement		Returns the last navigation DOM element.

Constructors

Navigation

(options: NavigationOptions)

Parameters

options

NavigationOptions

Methods

focusElement
Focuses the passed element from the navigation collection of DOM elements.
Parameters element "null" | HTMLElement previous? "null" | HTMLElement

focusNext
Focuses the next element from the navigation collection of DOM elements.
Parameters target HTMLElement selectors? string[] | string[][]
Returns HTMLElement

focusPrevious
Focuses the previous element from the navigation collection of DOM elements.
Parameters target HTMLElement selectors? string[] | string[][]
Returns HTMLElement

initializeRovingTab
Set the first element tabIndex to 1 and -1 for the rest.
Parameters itemIndex? number

next
Returns the next DOM element from the navigation collection of DOM elements.
Parameters target HTMLElement selectors? string[] | string[][]
Returns HTMLElement

previous
Returns the previous DOM element from the navigation collection of DOM elements.
Parameters target HTMLElement selectors? string[] | string[][]
Returns HTMLElement

removeFocusClass
Remove a focus class.
Parameters target HTMLElement

removeFocusListener
Remove a focus listener.

triggerKeyboardEvent
The keyboard events handler.
Parameters ev KeyboardEvent<HTMLElement> options? any

triggerMouseEvent
The mouse events handler.
Parameters ev MouseEvent<HTMLElement>