React Visão geral da seleção de grade de árvore

    Com o recurso Ignite UI for React Select em React Tree 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 Tree Grid Selection Example

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

    React Tree Grid Selection Options

    React Tree Grid Row Selection

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

    • None- A seleção de linhas seria desativada para oIgrTreeGrid.
    • Single- A seleção de apenas uma linha dentro doIgrTreeGrid 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 Tree Grid Cell Selection

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

    • None- A seleção de células seria desativada para oIgrTreeGrid.
    • Single- A seleção de apenas uma célula dentro doIgrTreeGrid seria disponível.
    • Multiple- Atualmente, este é o estado padrão da seleção noIgrTreeGrid. 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 Tree 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.