IDateEditSettings.ApplyValueOnOutsideClick Property

Specifies whether the Date Edit hides action buttons (OK and Cancel) and updates the value on outside click.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

Declaration

[DefaultValue(false)]
[Parameter]
bool ApplyValueOnOutsideClick { get; set; }

Property Value

Type	Default	Description
Boolean	false	false to update the value when a user clicks the OK button in the drop-down menu; true to hide the OK button and update the value on outside user clicks.

Remarks

The Date Edit component displays OK and Cancel buttons in the drop-down menu if the time section is visible.

Enable the ApplyValueOnOutsideClick property to hide these buttons and update a bound value when a user clicks outside component boundaries.

Tip

Without the Cancel button, users can discard changes in the following ways:

• Press Esc to close the drop-down without changes
• Press Alt + Del or click the Clear button in the editor input to remove/clear previously applied value.

The IDateEditSettings interface allows you to get and customize settings of a date editor at runtime. You can get editor settings in the following ways:

• Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.

  Important

  You need to enclose your code between BeginUpdate and EndUpdate method calls to change values of Grid component parameters outside the Grid component markup. Otherwise, an exception occurs.

  var dateEditSettings = e.Grid.GetColumnEditSettings<IDateEditSettings>("HireDate");
  if(dateEditSettings != null) {
      e.Grid.BeginUpdate();
      dateEditSettings.ApplyValueOnOutsideClick="true";
      e.Grid.EndUpdate();
  }
  

• Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.

  void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
      if(e.EditSettings is IDateEditSettings dateEditSettings)
          dateEditSettings.ApplyValueOnOutsideClick="true";
  }
  

• Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.

  void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
      if(e.EditSettings is IDateEditSettings dateEditSettings)
          dateEditSettings.ApplyValueOnOutsideClick="true";
  }