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

    Con la función Ignite UI for Web Components Select de Web Components cuadrícula de árbol, puede interactuar fácilmente con los datos y manipularlos mediante simples interacciones con el ratón. Hay tres modos de selección disponibles:

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

    Con la propiedad rowSelection, puede especificar:

    • Ninguno
    • Soltero
    • Selección múltiple

    Web Components Tree Grid Selection Example

    En el ejemplo siguiente se muestran tres tipos de comportamientos de selección de celdas en el IgcTreeGridComponent. Utilice los botones de abajo para activar cada uno de los modos de selección disponibles.

    Web Components Tree Grid Selection Options

    Web Components Tree Grid Row Selection

    La propiedad rowSelection le permite especificar las siguientes opciones:

    • None- La selección de filas se deshabilitaría para el IgcTreeGridComponent.
    • Single- La selección de una sola fila dentro de la IgcTreeGridComponent 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 + clic, o presionando la tecla de espacio una vez que una celda está enfocada.
    • MultipleCascade- Este es un modo para la selección en cascada, lo que da como resultado la selección de todos los elementos secundarios 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 elemento primario depende completamente del estado de selección de sus elementos secundarios.

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

    Web Components Tree Grid Cell Selection

    La propiedad cellSelection le permite especificar las siguientes opciones:

    • None- La selección de celdas se deshabilitaría para el IgcTreeGridComponent.
    • Single- La selección de solo una celda dentro de la IgcTreeGridComponent estaría disponible.
    • Multiple- Actualmente, este es el estado predeterminado de la selección en el IgcTreeGridComponent. La selección de varias celdas está disponible arrastrando el ratón sobre las celdas, después de hacer clic con el botón izquierdo del ratón continuamente.

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

    Web Components Tree Grid Column Selection

    La selectable propiedad permite especificar las siguientes opciones para cada uno IgcColumnComponent. La selección de columna correspondiente se habilitará o deshabilitará si esta propiedad se establece en true o false, 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: mantenga presionado Ctrl + clic del mouse sobre las celdas de la columna.
    • Selección de columnas de rango: mantener presionada la tecla Mayús + clic del mouse selecciona todo lo que se encuentra en el medio.

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

    Known Issues and Limitations

    Cuando la cuadrícula no tiene primaryKey establecida y los escenarios de datos remotos están habilitados (al paginar, ordenar, filtrar y desplazar solicitudes de activación a un servidor remoto para recuperar los datos que se mostrarán en la cuadrícula), una fila perderá el siguiente estado después de un dato. solicitud completa:

    • 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.