Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxGrid.CustomizeDataRowEditor Event

Allows you to customize a cell editor in a data row.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public Action<GridCustomizeDataRowEditorEventArgs> CustomizeDataRowEditor { get; set; }

#Parameters

Type Description
GridCustomizeDataRowEditorEventArgs

An object that contains data for this event.

#Remarks

The Grid generates and configures cell editors for individual columns based on associated data types. You can use the EditSettings property to customize a column’s editor settings. The Grid displays these cell editors in the filter row and in data rows during edit operations.

Edit Row and Filter Row

Handle the CustomizeDataRowEditor event to customize a data row editor separately from the filter row editor.

The following code snippet handles the CustomizeDataRowEditor event to customize the HireDate column editor in two ways:

  • Limit available hire dates for new employees.
  • Prohibit hire date modification for existing employees.
razor
<DxGrid Data="@employees" PageSize="4" ShowFilterRow="true"
        CustomizeDataRowEditor="OnCustomizeDataRowEditor" >
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="BirthDate" />
        <DxGridDataColumn FieldName="HireDate" />
        <DxGridDataColumn FieldName="Email" />
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
    void OnCustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
        if (e.FieldName == "HireDate") {
            var HireDateSettings = e.EditSettings as IDateEditSettings;
            if (e.IsNewRow) {
                // Limit the available hire date for new employees two weeks ahead.
                HireDateSettings.MinDate = @DateTime.Today;
                HireDateSettings.MaxDate = @DateTime.Today.AddDays(14);
            } else {
                // Disable the hire date editing.
                HireDateSettings.Enabled = false;
                HireDateSettings.ShowDropDownButton = false;
            }
        }
    }
}

Limited dates in the calendar editor

See Also