DxTimeEditSettings.ApplyValueOnOutsideClick Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public 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 Time Edit component displays OK and Cancel buttons in the drop-down menu.

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

<DxGrid @ref="Grid"
        Data="DataSource"
        PageSize="12"
        KeyFieldName="EmployeeId"
        EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn Width="160px" />
        <DxGridDataColumn FieldName="FirstName" MinWidth="80" />
        <DxGridDataColumn FieldName="LastName" MinWidth="80" />
        <DxGridDataColumn FieldName="Title" MinWidth="100" />
        <DxGridDataColumn FieldName="TaskDuration" MinWidth="80">
            <EditSettings>
                <<DxTimeEditSettings ScrollPickerFormat="HH:mm:ss"
                                     Format="HH:mm:ss"
                                     ApplyValueOnOutsideClick="false" />
            </EditSettings>
        </DxGridDataColumn>
    </Columns>
</DxGrid>

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.

To change the maximum date at runtime, use the ITimeEditSettings.ApplyValueOnOutsideClick property instead.

Implements

ApplyValueOnOutsideClick