Vue TreeList - keyboardNavigation

Configures keyboard navigation.

Type:

Object

editOnKeyPress

Specifies whether users can enter a new cell value on a key press. Applies if editing.mode is "cell" or "batch".

Type:

Boolean

Default Value: false

Users can only enter a new value when they press a key on the numeric or alphanumeric keypad.

View Demo

enabled

Enables keyboard navigation.

Type:

Boolean

Default Value: true

enterKeyAction

Specifies whether the Enter key switches the cell to the editing state or moves focus in the enterKeyDirection. Applies if editing.mode is "cell" or "batch".

Type:

String

Default Value: 'startEdit'
Accepted Values: 'startEdit' | 'moveFocus'

View Demo

enterKeyDirection

Specifies the direction in which to move focus when a user presses Enter. Applies if editing.mode is "cell" or "batch".

Type:

String

Default Value: 'none'
Accepted Values: 'none' | 'column' | 'row'

View Demo