[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.

    Blazor Grid Cell Activation

    La Ignite UI for Blazor admite una función de activación de celdas que permitirá la navegación con el teclado a través de las celdas de la cuadrícula. Esto se activa configurando la propiedad ActivationMode de la cuadrícula en Cell.

    Blazor Grid Cell Activation Example

    Excel Style Navigation

    La propiedad EnterBehaviorAfterEdit configurará la cuadrícula para navegar a la siguiente celda arriba, abajo, izquierda o derecha después de presionar la tecla Intro en el modo de edición. De lo contrario, la propiedad EnterBehavior de la cuadrícula se puede usar para navegar a otras celdas, mientras no esté en modo de edición, arriba, abajo, izquierda o derecha.

    Keyboard Navigation

    Después de establecer la ActivationMode propiedad de la cuadrícula en Cell, esto habilitará una variedad de opciones de navegación con el teclado en la cuadrícula de datos. A continuación se muestra una descripción de 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.
    • Re Pág: desplaza la cuadrícula una página hacia arriba en la ventana gráfica.
    • Página abajo: desplaza la cuadrícula una página de la ventana gráfica hacia abajo.
    • Tabulador: mueve la celda activa a la siguiente celda a la derecha, o a la celda más a la izquierda de la siguiente fila si se llega a la última celda de esa fila.
    • Mayús + Tabulador: mueve 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 llega a la primera celda de esa fila.
    • Ctrl + ↑: ir a la celda superior de la columna.
    • Ctrl + ↓: Ir a la celda inferior de la columna.
    • Ctrl + ←: moverse a la celda más a la izquierda de la fila.
    • Ctrl + →: Moverse a la celda más a la derecha de la fila.
    • Ctrl + Inicio: ir a la celda superior izquierda de la cuadrícula.
    • Ctrl + Fin: ir a la celda inferior derecha de la cuadrícula.

    API References