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

    Com o recurso Ignite UI for React Select em React 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 arowSelection propriedade, você pode especificar:

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

    React Hierarchical Grid Selection Example

    A amostra abaixo demonstra três tipos de comportamentos de seleção celular no.IgrHierarchicalGrid Use os botões abaixo para ativar cada um dos modos de seleção disponíveis.

    React Hierarchical Grid Selection Options

    O componente Ignite UI for ReactIgrHierarchicalGrid oferece três modos diferentes de seleção -seleção de linha, seleção de células e seleção de colunas. Por padrão, apenas o modo de seleção Multi-célula está ativado no.IgrHierarchicalGrid Para alterar/ativar o modo de seleção você pode usarrowSelection propriedadescellSelection ouselectable propriedades.

    React Hierarchical Grid Row Selection

    PropriedaderowSelection permite que você especifique as seguintes opções:

    • None- A seleção de linhas seria desativada para oIgrHierarchicalGrid.
    • Single- A seleção de apenas uma linha dentro doIgrHierarchicalGrid seria disponível.
    • Multiple- A seleção multi-linha seria possível usando os seletores de linha, com uma combinação de teclas como CTRL + click, ou pressionando o space key botão quando uma célula é focada.
    • MultipleCascade- Este é um modo para 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.

    React Hierarchical Grid Cell Selection

    PropriedadecellSelection permite que você especifique as seguintes opções:

    • None- A seleção de células seria desativada para oIgrHierarchicalGrid.
    • Single- A seleção de apenas uma célula dentro doIgrHierarchicalGrid seria disponível.
    • Multiple- Atualmente, este é o estado padrão da seleção noIgrHierarchicalGrid. A seleção multi-célula está disponível arrastando o mouse sobre as células, após um clique contínuo do botão esquerdo.

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

    React Hierarchical Grid Column Selection

    Aselectable propriedade permite que você especifique as seguintes opções para cadaIgrColumn um. A seleção correspondente de colunas será ativada ou desativada se essa propriedade for definida como verdadeiro ou falso, 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ãoprimaryKey tem um set definido e cenários de dados remotos são ativados (ao paginar, ordenar, filtrar, rolar requisições de gatilho 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.