Skip to content
RevoGrid [Pro]

Row Next Focus

RowKeyboardNextLineFocusPlugin

The RowKeyboardNextLineFocusPlugin enhances keyboard navigation within the RevoGrid by automatically shifting focus to the next or previous row when the user tabs past the last or first cell of a row. This functionality is crucial for improving user experience during data entry or navigation.

Features:

  • Listens to the BEFORE_KEYDOWN_EVENT to intercept keyboard events, specifically the ‘Tab’ key.
  • Automatically moves focus to the first cell of the next row when tabbing past the last cell.
  • Moves focus to the first cell of the previous row when shift-tabbing from the first cell.
  • Ensures that focus navigation respects the grid boundaries and does not move beyond available rows.

Usage:

  • This plugin should be added to the RevoGrid to enable enhanced keyboard navigation.
  • It can be instantiated with a reference to the RevoGrid element and associated plugin providers.

Example

import { RowKeyboardNextLineFocusPlugin } from '@revolist/revogrid-pro'


const grid = document.createElement('revo-grid');
grid.plugins = [RowKeyboardNextLineFocusPlugin]; // Add keyboard navigation plugin

Events:

  • Intercepts keydown events to manage focus transitions and prevent default browser behavior where necessary.

This plugin is ideal for users who rely heavily on keyboard navigation, ensuring efficient and seamless data entry across grid rows.

class RowKeyboardNextLineFocusPlugin {}