Activación de celdas React Grid

    La Ignite UI for React Tabla de Datos / Red de Datos soporta una función de activación de celdas que permitirá la navegación con teclado a través de las celdas de la cuadrícula. Esto se activa estableciendo laactivationMode propiedad de la cuadrícula enCell.

    React Grid Cell Activation Example

    Excel Style Navigation

    enterBehaviorAfterEditProperty configurará la cuadrícula para que navegue a la siguiente celda arriba, abajo, izquierda o derecha después de pulsar la tecla enter en modo edición. De lo contrario, laenterBehavior propiedad de la cuadrícula puede usarse para navegar a otras celdas, aunque no esté en modo edición, arriba, abajo, izquierda o derecha.

    Keyboard Navigation

    Tras establecer laactivationMode propiedad de la cuadrícula enCell, esto permitirá una variedad de opciones de navegación con teclado en la cuadrícula de datos. A continuación se describe cada una de las pulsaciones / combinaciones de teclas y el efecto que tendrán en relación con la celda activada actualmente:

    • ↑: Navega una celda hacia arriba.
    • ↓: Navega una celda hacia abajo.
    • ←: navega una celda hacia la izquierda solo en la fila actual.
    • →: Navega una celda hacia la derecha solo en la fila actual.
    • PAGE UP: Desplácese por la cuadrícula una página de la ventana gráfica hacia arriba.
    • PAGE DOWN: Desplácese la cuadrícula una página de la ventana gráfica hacia abajo.
    • TAB: Mueva la celda activa a la siguiente celda a la derecha o a la celda situada más a la izquierda de la siguiente fila si se alcanza la última celda de esa fila.
    • SHIFT + TAB: Mueva la celda activa a la siguiente celda a la izquierda o a la celda más a la derecha de la fila anterior si se alcanza la primera celda de esa fila.
    • CTRL + ↑: Desplazarse a la celda superior de la columna.
    • CTRL + ↓: Desplazarse a la celda inferior de la columna.
    • CTRL + ←: Desplazarse a la celda más a la izquierda de la fila.
    • CTRL + →: Desplácese a la celda situada más a la derecha de la fila.
    • CTRL + HOME: Desplazarse a la celda superior izquierda de la cuadrícula.
    • CTRL + END: Vaya a la celda inferior derecha de la cuadrícula.

    API References