Back to Devexpress

DxMaskedInput<T>.DisplayFormat Property

blazor-devexpress-dot-blazor-dot-dxmaskedinput-1-95cea632.md

latest1.7 KB
Original Source

DxMaskedInput<T>.DisplayFormat Property

Specifies the pattern used to format the Masked Input’s display value when the editor is not focused.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue("")]
[Parameter]
public string DisplayFormat { get; set; }

Property Value

TypeDefaultDescription
StringString.Empty

The format pattern.

|

Remarks

Use the DisplayFormat property to format the Masked Input’s display value when the editor is not focused. To format the editor’s value in edit mode when the editor is focused, use the Mask property. If the DisplayFormat property is not set, the Mask is applied in display and edit modes.

The following example applies the currency display format to numeric values.

razor
<DxMaskedInput @bind-Value="Value" DisplayFormat="C"></DxMaskedInput>

@code {
    Decimal Value { get; set; }
}

See Also

DxMaskedInput<T> Class

DxMaskedInput<T> Members

DevExpress.Blazor Namespace