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

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

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

    With the RowSelection property, you can specify:

    • Ninguno
    • Soltero
    • Selección múltiple

    Web Components Tree Grid Selection Example

    The sample below demonstrates three types of cell selection behaviors in the IgcTreeGridComponent. Use the buttons below to enable each of the available selection modes.

    Web Components Tree Grid Selection Options

    Web Components Tree Grid Row Selection

    Property RowSelection enables you to specify the following options:

    • None - Row selection would be disabled for the IgcTreeGridComponent.
    • Single - Selection of only one row within the IgcTreeGridComponent would be available.
    • Multiple - Multi-row selection would be available by using the row selectors, with a key combination like CTRL + click, or by pressing the space key once a cell is focused.
    • MultipleCascade - This is a mode for cascading selection, resulting in the selection of all children in the tree below the record that the user selects with user interaction. In this mode a parent's selection state entirely depends on the selection state of its children.

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

    Web Components Tree Grid Cell Selection

    Property CellSelection enables you to specify the following options:

    • None - Cell selection would be disabled for the IgcTreeGridComponent.
    • Single - Selection of only one cell within the IgcTreeGridComponent would be available.
    • Multiple - Currently, this is the default state of the selection in the IgcTreeGridComponent. Multi-cell selection is available by mouse dragging over the cells, after a left button mouse clicked continuously.

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

    Web Components Tree Grid Column Selection

    The selectable property enables you to specify the following options for each IgcColumnComponent. The corresponding column selection will be enabled or disabled if this property is set to true or false, respectively.

    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

    When the grid has no PrimaryKey set and remote data scenarios are enabled (when paging, sorting, filtering, scrolling trigger requests to a remote server to retrieve the data to be displayed in the grid), a row will lose the following state after a data request completes:

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