Descripción general de la selección de cuadrícula de árbol React

    Con la función de selección de Ignite UI for React en React Tree Grid, puedes interactuar fácilmente con los datos y manipularlos mediante interacciones simples con el mouse. Hay tres modos de selección disponibles:

    • Selección de fila
    • Selección de celda
    • Column selection

    Con larowSelection propiedad, puedes especificar:

    • Ninguno
    • Soltero
    • Selección múltiple

    React Tree Grid Selection Example

    La muestra siguiente muestra tres tipos de comportamientos de selección celular en elIgrTreeGrid. Utiliza los botones de abajo para activar cada uno de los modos de selección disponibles.

    React Tree Grid Selection Options

    React Tree Grid Row Selection

    PropiedadrowSelection te permite especificar las siguientes opciones:

    • None- La selección de filas estaría deshabilitada para elIgrTreeGrid.
    • Single- La selección de solo una fila dentro de laIgrTreeGrid estaría disponible.
    • Multiple- La selección de varias filas estaría disponible usando los selectores de filas, con una combinación de teclas como CTRL + click, o pulsando la space key opción una vez que una celda está enfocada.
    • MultipleCascade- Este es un modo para selección en cascada, que resulta en la selección de todos los hijos en el árbol debajo del registro que el usuario selecciona con la interacción del usuario. En este modo, el estado de selección de un padre depende completamente del estado de selección de sus hijos.

    Vaya al tema Selección de filas para obtener más información.

    React Tree Grid Cell Selection

    PropiedadcellSelection te permite especificar las siguientes opciones:

    • None- La selección de celdas estaría deshabilitada para elIgrTreeGrid.
    • Single- La selección de solo una celda dentro de laIgrTreeGrid estaría disponible.
    • Multiple- Actualmente, este es el estado predeterminado de la selección en elIgrTreeGrid. La selección de varias celdas está disponible arrastrando el ratón sobre las celdas, después de que un botón izquierdo hiciera clic continuamente.

    Vaya al tema Selección de celda para obtener más información.

    React Tree Grid Column Selection

    Laselectable propiedad te permite especificar las siguientes opciones para cadaIgrColumn uno. La selección de columna correspondiente estará habilitada o deshabilitada si esta propiedad se establece como verdadero o falso, respectivamente.

    Esto lleva a las siguientes tres variaciones:

    • Selección única: haga clic con el mouse sobre la celda de la columna.
    • Selección de varias columnas: mantener presionado CTRL + mouse click sobre las celdas de la columna.
    • Selección de columna de rango: mantener presionado SHIFT + mouse click selecciona todo lo que hay en el medio.

    Vaya al tema Selección de columnas para obtener más información.

    Known Issues and Limitations

    Cuando la cuadrícula noprimaryKey tiene un sistema fijo y los escenarios de datos remotos están habilitados (al paginar, ordenar, filtrar o desplazar las solicitudes de disparo a un servidor remoto para recuperar los datos que se mostrarán en la cuadrícula), una fila perderá el siguiente estado tras completar una solicitud de datos:

    • Selección de fila
    • Fila Expandir/contraer
    • Edición de filas
    • Fijación de filas

    API References

    Additional Resources

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.