Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 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

    DxInputDataEditorBase<T>.ClearButtonDisplayMode Property

    Specifies whether an input editor displays the Clear button when it is not empty.

    Namespace: DevExpress.Blazor.Base

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    [DefaultValue(DataEditorClearButtonDisplayMode.Never)]
    [Parameter]
    public DataEditorClearButtonDisplayMode ClearButtonDisplayMode { get; set; }

    #Property Value

    Type Default Description
    DataEditorClearButtonDisplayMode Never

    A DataEditorClearButtonDisplayMode enumeration value.

    Available values:

    Name Description
    Auto

    The clear button is visible when an editor is not empty. This mode requires that the editor’s data type is nullable.

    Never

    The clear button is not visible.

    #Remarks

    The Clear button clears the editor’s value (sets it to NULL). To display this button in the editor when there is a value in it, set the ClearButtonDisplayMode property to DataEditorClearButtonDisplayMode.Auto. This mode also requires that the editor’s data type is nullable.

    Razor
    <DxMaskedInput @bind-Value="@Currency"
                   T="double?"
                   Mask="@NumericMask.Currency"
                   ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"
                   BindValueMode="BindValueMode.OnInput"
                   NullText="Type text..."
                   CssClass="cw-320" />
    
    @code {
        double? Currency { get; set; } = 123.45;
    }
    

    Masked Input - Clear Button

    Run Demo: Masked Input - Clear Button and Placeholder

    See Also