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

    Con la función de selección de Ignite UI for Blazor en Blazor Hierarchical 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 jerárquica Blazor

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

    EXAMPLE
    MODULES
    DATA
    RAZOR
    JS
    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 jerárquica Blazor

    La Ignite UI for Blazor IgbHierarchicalGrid ofrece tres modos de selección diferentes: selección de filas, selección de celdas y selección de columnas. De forma predeterminada, solo el modo de selección de múltiples celdas está habilitado en IgbHierarchicalGrid. Para cambiar o habilitar el modo de selección, puede usar las propiedades RowSelection, CellSelection o Selectable.

    Selección de filas de cuadrícula jerárquica Blazor

    La propiedad RowSelection le permite especificar las siguientes opciones:

    • None- La selección de filas se deshabilitaría para el IgbHierarchicalGrid.
    • Single- La selección de solo una fila dentro de la IgbHierarchicalGrid 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 cuadrícula jerárquica Blazor

    La propiedad CellSelection le permite especificar las siguientes opciones:

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

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

    Selección de columnas de cuadrícula jerárquica 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.