Aller au contenu principal

LgGridEditColumn

LgGridEditColumn hérite de LgGridCommandColumn et ajoute les boutons Modifier / Sauvegarder / Annuler / Supprimer pour l'édition en mode ligne.

<Columns Context="item">
    <LgGridEditColumn />
    <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
</Columns>
  • Package NuGet : Lagoon.UI.GridView

Les paramètres communs sont documentés dans LgGridBaseColumn. LgGridEditColumn n'ajoute aucun paramètre propre : elle réutilise ceux de LgGridCommandColumn.

Utilisation​

Démonstration​

Essayez ce composant dans le showcase Lagoon.

Commandes d'édition par ligne​

LgGridEditColumn s'utilise avec EditMode="GridEditMode.Row". Elle affiche les boutons d'édition, validation et annulation dans chaque ligne.

GridEditColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-edit-column"
            Items="_orders"
            EditMode="GridEditMode.Row"
            Features="@(GridFeature.Default | GridFeature.Add)"
            NewItem="CreateNewOrder"
            OnRowUpdate="OnRowUpdateAsync"
            OnValueAdd="OnValueAddAsync"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridEditColumn />
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" CanAdd="true" CanEdit="true" />
        <LgGridNumericColumn @bind-Value="item.Amount" Title="#Amount" DisplayFormat="N2" CanAdd="true" CanEdit="true" />
    </Columns>
</LgGridView>
GridEditColumnPage.razor.cs
public partial class GridEditColumnPage : LgPage
{
    // Prépare la ligne d'ajout avec ses valeurs par défaut.
    private OrderRow CreateNewOrder()
    {
        return new OrderRow { Date = DateTime.Today };
    }

    // Persiste une ligne existante après validation.
    private Task OnRowUpdateAsync(GridViewItemActionEventArgs<OrderRow> args)
    {
        return Task.CompletedTask;
    }

    // Persiste une nouvelle ligne après validation.
    private Task OnValueAddAsync(GridViewItemActionEventArgs<OrderRow> args)
    {
        return Task.CompletedTask;
    }
}

Filtre​

Aucun filtre intégré.

Énumérations associées​

Les énumérations héritées de LgGridView utilisées par cette colonne (GridEditMode, GridFeature) sont documentées dans LgGridView.

Référence complète

Fiche générée depuis les sources : Référence API — LgGridEditColumn.

Composants liés​