• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Navigation

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

NameTypeDefaultDescription

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>