Blazor Visão geral da seleção de grade hierárquica

    Com o recurso Ignite UI for Blazor Select em Blazor Hierarchical Grid, você pode interagir e manipular dados facilmente usando interações simples do mouse. Existem três modos de seleção disponíveis:

    • Seleção de linha
    • Seleção de células
    • Column selection

    Com a propriedade RowSelection, você pode especificar:

    • Nenhum
    • Solteiro
    • Seleção múltipla

    Blazor Hierarchical Grid Selection Example

    O exemplo abaixo demonstra três tipos de comportamentos de seleção de células no IgbHierarchicalGrid. Use os botões abaixo para ativar cada um dos modos de seleção disponíveis.

    Blazor Hierarchical Grid Selection Options

    O componente Ignite UI for Blazor IgbHierarchicalGrid fornece três modos de seleção diferentes -Seleção de linha, Seleção de célula e Seleção de coluna. Por padrão, apenas o modo de seleção de várias células está habilitado no IgbHierarchicalGrid. Para alterar/ativar o modo de seleção, CellSelection você pode usar RowSelection ou Selectable propriedades.

    Blazor Hierarchical Grid Row Selection

    A propriedade RowSelection permite que você especifique as seguintes opções:

    • None- A seleção de linha seria desativada para o IgbHierarchicalGrid.
    • Single- A seleção de apenas uma linha dentro do IgbHierarchicalGrid estaria disponível.
    • Multiple- A seleção de várias linhas estaria disponível usando os seletores de linha, com uma combinação de teclas como ctrl + clique, ou pressionando a tecla de espaço quando uma célula estiver em foco.
    • MultipleCascade- Este é um modo de seleção em cascata, resultando na seleção de todos os filhos na árvore abaixo do registro que o usuário seleciona com a interação do usuário. Nesse modo, o estado de seleção de um pai depende inteiramente do estado de seleção de seus filhos.

    Vá para o tópico Seleção de linha para obter mais informações.

    Blazor Hierarchical Grid Cell Selection

    A propriedade CellSelection permite que você especifique as seguintes opções:

    • None- A seleção de células seria desativada para o IgbHierarchicalGrid.
    • Single- A seleção de apenas uma célula dentro do IgbHierarchicalGrid estaria disponível.
    • Multiple- Atualmente, este é o estado padrão da seleção no IgbHierarchicalGrid. A seleção de várias células está disponível arrastando o mouse sobre as células, após um clique do botão esquerdo do mouse continuamente.

    Vá para o tópico Seleção de célula para obter mais informações.

    Blazor Hierarchical Grid Column Selection

    A propriedade Selectable permite que você especifique as seguintes opções para cada IgbColumn. A seleção de coluna correspondente será habilitada ou desabilitada se essa propriedade for definida como true ou false, respectivamente.

    Isso leva às três variações seguintes:

    • Seleção única -mouse click sobre a célula da coluna.
    • Seleção de várias colunas - segurando ctrl + mouse click sobre as células da coluna.
    • Seleção de coluna de intervalo - segurando shift + mouse click seleciona tudo no meio.

    Acesse o tópico Seleção de coluna para obter mais informações.

    Known Issues and Limitations

    Quando a grade não tem PrimaryKey definido e cenários de dados remotos estão habilitados (quando paginação, classificação, filtragem e rolagem acionam solicitações para um servidor remoto para recuperar os dados a serem exibidos na grade), uma linha perderá o seguinte estado após a conclusão de uma solicitação de dados:

    • Seleção de linha
    • Expandir/recolher linha
    • Edição de linha
    • Fixação de linha

    API References

    Additional Resources

    Nossa comunidade é ativa e sempre acolhedora para novas ideias.