Back to Devexpress

DxTimeEdit<T>.ApplyValueOnOutsideClick Property

blazor-devexpress-dot-blazor-dot-dxtimeedit-1-0e2570e7.md

latest1.9 KB
Original Source

DxTimeEdit<T>.ApplyValueOnOutsideClick Property

Specifies whether the component 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

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

Property Value

TypeDefaultDescription
Booleanfalse

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:

razor
<DxTimeEdit @bind-Time="@TimeValue"
            ApplyValueOnOutsideClick="true" />

@code {
    TimeSpan TimeValue { get; set; } = DateTime.Now.TimeOfDay;
}

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.

See Also

DxTimeEdit<T> Class

DxTimeEdit<T> Members

DevExpress.Blazor Namespace