DataGridEditMode Enum

Lists values that specify how users can edit grid data.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

Declaration

public enum DataGridEditMode

Members

Name	Description
EditForm	The Data Grid displays the Edit Form instead of the edited data row.
PopupEditForm	The Data Grid displays the Edit Form in a pop-up window.

Related API Members

The following properties accept/return DataGridEditMode values:

• DxDataGrid<T>.EditMode

Remarks

Important

The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

Use the EditMode property to specify the Data Grid’s edit mode:

• EditForm

  

• PopupEditForm

  

Note

If virtual scrolling is enabled, the Data Grid shows the Edit Form in a pop-up window regardless of the EditMode property value.

Markup

<DxDataGrid @ref="@grid"
            Data="@Data"
            RowRemovingAsync="@OnRowRemovingAsync"
            RowUpdatingAsync="@OnRowUpdatingAsync"
            RowInsertingAsync="@OnRowInsertingAsync"
            InitNewRow="@OnInitNewRowAsync"
            ShowPager="false"
            KeyFieldName="@nameof(Employee.EmployeeId)"
            EditMode="DataGridEditMode.EditForm">
    @* ... *@
</DxDataGrid>

Event Handlers

@code {
    IEnumerable<Employee> Data { get; set; }
    DxDataGrid<Employee> grid;
    async Task OnRowRemovingAsync(Employee dataItem) {
        await NwindDataService.RemoveEmployeeAsync(dataItem);
        Data = await NwindDataService.GetEmployeesEditableAsync();
        StateHasChanged();
    }
    async Task OnRowUpdatingAsync(Employee dataItem, IDictionary<string, object> newValues) {
        await NwindDataService.UpdateEmployeeAsync(dataItem, newValues);
        Data = await NwindDataService.GetEmployeesEditableAsync();
        StateHasChanged();
    }
    async Task OnRowInsertingAsync(IDictionary<string, object> newValues) {
        await NwindDataService.InsertEmployeeAsync(newValues);
        Data = await NwindDataService.GetEmployeesEditableAsync();
        StateHasChanged();
    }
    async Task OnInitNewRowAsync(Dictionary<string, object> values) {
        values.Add(nameof(Employee.FirstName), "John");
        values.Add(nameof(Employee.LastName), "Doe");
        await Task.CompletedTask;
    }
    void CancelEdit() {
        var cancelTask = Task.Run(async () => await grid.CancelRowEdit());
        cancelTask.GetAwaiter().GetResult();
    }
    // ...
}

Run Demo: Data Grid - Edit Modes