Selección de cuadrícula React
La Ignite UI for React admite la selección de filas y celdas individuales o múltiples.
React Grid Selection Example
Descripción general
La selección en la cuadrícula de datos de React está habilitada a nivel de fila y celda y puede configurarse usando laselectionMode opción de la cuadrícula React. Esta propiedad acepta cinco opciones diferentes, que se enumeran a continuación:
None: La selección no está activada.SingleCell: Se habilita la selección de una sola celda.SingleRow: Se habilita la selección de una sola fila.MultipleCell: Se habilita la selección de varias celdas.MultipleRow: Está habilitada la selección de varias filas.RangeCell: Se habilita la selección de un rango de varias celdas haciendo clic y arrastrando.
selectionBehaviorpor defectoModifierBased, donde solo se selecciona una fila o celda a la vez y se requieren teclas modificadoras (CTRL) para seleccionar múltiples elementos.selectionBehavior Configurado paraToggle permitir seleccionar varias filas o celdas con un solo clic.
MultipleRowincluye la siguiente funcionalidad:
- Haga clic y arrastre para seleccionar filas
- SHIFT y haga clic para seleccionar varias filas.
- SHIFT y pulse las teclas de ↑ flecha+ ↓ para seleccionar varias filas.
Pulsar la barra espaciadora activa la selección de fila activa medianteMultipleRow oSingleRow.
Row Range Selection
El siguiente ejemplo demuestra cómo seleccionar o desseleccionar todas las filas de la cuadrícula. Nota,selectionMode debe estar configurado en Múltiples Filas.