Acciones de fila en la cuadrícula jerárquica React

La función Ignite UI for React Acciones de Fila en React Hierarchical Grid permite a los desarrolladores utilizar unIgrActionStrip CRUD para componentes de fila/celda y fijación de filas. Existen varios controles de interfaz predefinidos para estas operaciones que son aplicables a una fila específica en laIgrHierarchicalGrid edición y fijación.

Usage

Los componentes de la interfaz de usuario de acciones predefinidas son:

IgrGridEditingActions- incluye funcionalidad e interfaz diseñadas específicamente para laIgrHierarchicalGrid edición. Te permite cambiar rápidamente el modo de edición para celdas o filas, dependiendo de larowEditable opción y la eliminación deIgrHierarchicalGrid filas.
IgrGridPinningActions- incluye funcionalidad e interfaz diseñadas específicamente para elIgrHierarchicalGrid fijado de filas. Te permite fijar filas rápidamente y navegar entre filas fijadas y sus equivalentes deshabilitados.

Se añaden dentro de laIgrHierarchicalGrid y todo esto es necesario para proporcionarIgrActionStrip interacciones predeterminadas.

<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

Estos componentes exponen plantillas que ofrecen flexibilidad para la personalización. Por ejemplo, si queremos usar elIgrActionStrip para un escenario de Gmail con acciones de fila como eliminar, editar, etc. Simplemente puedes crear un componente de botón con icono, añadir un evento de clic e insertarlo en elIgrActionStrip.

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

API References

Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.