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

    Con la función de selección Ignite UI for Blazor en Blazor Tree Grid, puede 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 la propiedad RowSelection, puede especificar:

    • Ninguno
    • Soltero
    • Selección múltiple

    Ejemplo de selección de cuadrícula de árbol Blazor

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

    EXAMPLE
    DATA
    MODULES
    RAZOR
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Blazor completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Opciones de selección de cuadrícula de árbol Blazor

    Selección de filas de cuadrícula de árbol Blazor

    La propiedad RowSelection le permite especificar las siguientes opciones:

    • None- La selección de filas se deshabilitaría para el IgbTreeGrid.
    • Single- La selección de una sola fila dentro de la IgbTreeGrid 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.

    Selección de celdas en la cuadrícula del árbol Blazor

    La propiedad CellSelection le permite especificar las siguientes opciones:

    • None- La selección de celdas se deshabilitaría para el IgbTreeGrid.
    • Single- La selección de solo una celda dentro de la IgbTreeGrid estaría disponible.
    • Multiple- Actualmente, este es el estado predeterminado de la selección en el IgbTreeGrid. 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.

    Selección de columnas de cuadrícula de árbol Blazor

    La propiedad Selectable le permite especificar las siguientes opciones para cada IgbColumn. La selección de columna correspondiente se habilitará o deshabilitará si esta propiedad se establece en 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: 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.

    Problemas conocidos y limitaciones

    Cuando la grilla no tiene PrimaryKey configurada 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 grilla), 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

    Referencias de API

    Recursos adicionales

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