New to KendoReactStart a free 30-day trial

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

Definition

Package:@progress/kendo-react-common

Accessors

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.

Methods

Focuses the passed element from the navigation collection of DOM elements.

Parameters:elementnull | HTMLElementprevious?null | HTMLElement

Focuses the next element from the navigation collection of DOM elements.

Parameters:targetHTMLElementselectors?string[] | string[][]Returns:

HTMLElement

Focuses the previous element from the navigation collection of DOM elements.

Parameters:targetHTMLElementselectors?string[] | string[][]Returns:

HTMLElement

Set the first element tabIndex to 1 and -1 for the rest.

Parameters:itemIndex?number

Returns the next DOM element from the navigation collection of DOM elements.

Parameters:targetHTMLElementselectors?string[] | string[][]Returns:

HTMLElement

Returns the previous DOM element from the navigation collection of DOM elements.

Parameters:targetHTMLElementselectors?string[] | string[][]Returns:

HTMLElement

Remove a focus class.

Parameters:targetHTMLElement

Remove a focus listener.

The keyboard events handler.

Parameters:evKeyboardEvent​<HTMLElement>options?any

The mouse events handler.

Parameters:evMouseEvent​<HTMLElement, MouseEvent>