Ações de linha em React grade hierárquica

    O recurso Ignite UI for React Ações de Linha na Grade Hierárquica React permite que os desenvolvedores usem e IgrActionStrip utilizem CRUD para componentes de linha/célula e fixação de linha. Existem vários controles de interface do usuário predefinidos para essas operações que são aplicáveis a uma linha específica na IgrHierarchicalGrid edição e fixação.

    Usage

    Os componentes de interface do usuário de ações predefinidas são:

    • IgrGridEditingActions- inclui funcionalidade e interface do usuário projetada especificamente para a IgrHierarchicalGrid edição. Ele permite que você alterne rapidamente o modo de edição para células ou linhas, dependendo da opção e exclusão rowEditable de linha do IgrHierarchicalGrid.

    • IgrGridPinningActions- inclui funcionalidade e interface do usuário projetadas especificamente para a fixação de IgrHierarchicalGrid linha. Ele permite que você fixe linhas rapidamente e navegue entre linhas fixadas e suas contrapartes desativadas.

    Eles são adicionados dentro do e tudo isso IgrHierarchicalGrid é necessário para fornecer IgrActionStrip interações padrão.

    <IgrHierarchicalGrid rowEditable={true} primaryKey="ID">
    <IgrColumn field="field">
    </IgrColumn>
    <IgrActionStrip>
        <IgrGridPinningActions></IgrGridPinningActions>
        <IgrGridEditingActions></IgrGridEditingActions>
    </IgrActionStrip>
</IgrHierarchicalGrid>

    [!Note] When ActionStripComponent is a child component of the IgrHierarchicalGrid, hovering a row will automatically show the UI.

    Custom Implementation

    Esses componentes expõem modelos que oferecem flexibilidade para personalização. Por exemplo, se quisermos usar o IgrActionStrip cenário para um Gmail com ações de linha como excluir, editar e etc. Você pode simplesmente criar um componente de botão com ícone, adicionar um evento de clique a ele e inseri-lo no IgrActionStrip.

    <IgrHierarchicalGrid>
    <IgrActionStrip>
        <IgrGridPinningActions></IgrGridPinningActions>
        <IgrGridEditingActions editRow={true} deleteRow={true}></IgrGridEditingActions>
    </IgrActionStrip>
</IgrHierarchicalGrid>

    API References

    Nossa comunidade é ativa e sempre acolhedora para novas ideias.