Ações de linha na grade React árvore

    O recurso Ignite UI for React Ações de Linha no React Tree Grid permite que desenvolvedores usem eIgrActionStrip utilizem CRUD para componentes de linha/célula e fixação de linhas. Existem vários controles de interface pré-definidos para essas operações que são aplicáveis a uma linha específica naIgrTreeGrid edição e fixação.

    Usage

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

    • IgrGridEditingActions- inclui funcionalidades e interface especificamente projetadas para aIgrTreeGrid edição. Ele permite que você alterne rapidamente o modo de edição para células ou linhas, dependendo darowEditable opção e da exclusão deIgrTreeGrid linhas.

    • IgrGridPinningActions- inclui funcionalidades e interface especificamente projetadas para oIgrTreeGrid fixamento de linhas. Ele permite que você rapidamente fixe as linhas e navegue entre as fileiras fixadas e suas contrapartes desativadas.

    Eles são adicionados dentro doIgrTreeGrid e tudo isso é necessário para fornecerIgrActionStrip interações padrão.

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

    When ActionStripComponent is a child component of the IgrTreeGrid, 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 oIgrActionStrip para um cenário do Gmail com ações de linha como excluir, editar, etc. Você pode simplesmente criar um componente de botão com ícone, adicionar um evento de clique e inseri-lo neleIgrActionStrip.

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

    API References

    Nossa comunidade é ativa e sempre acolhedora para novas ideias.