Skip to main content

LgGridEditColumn

LgGridEditColumn inherits from LgGridCommandColumn and adds Edit / Save / Cancel / Delete buttons for row-mode editing.

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

Common parameters are documented in LgGridBaseColumn. LgGridEditColumn adds no specific parameters: it reuses those from LgGridCommandColumn.

Usage​

Demo​

Try this component in the Lagoon showcase.

Row-based edit commands​

LgGridEditColumn is used with EditMode="GridEditMode.Row". It displays the edit, save, and cancel buttons in each row.

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
{
    // Prepares the add row with its default values.
    private OrderRow CreateNewOrder()
    {
        return new OrderRow { Date = DateTime.Today };
    }

    // Persists an existing row after validation.
    private Task OnRowUpdateAsync(GridViewItemActionEventArgs<OrderRow> args)
    {
        return Task.CompletedTask;
    }

    // Persists a new row after validation.
    private Task OnValueAddAsync(GridViewItemActionEventArgs<OrderRow> args)
    {
        return Task.CompletedTask;
    }
}

Filter​

No built-in filter.

Associated enumerations​

The enumerations inherited from LgGridView used by this column (GridEditMode, GridFeature) are documented in LgGridView.

Complete reference

Generated from sources: API reference — LgGridEditColumn.