Skip to main content

DxMaskedInputSettings.MaskProperties Property

Allows you to define mask properties.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment MaskProperties { get; set; }

Property Value

Type Description
RenderFragment

The mask properties.

Remarks

Populate the MaskProperties property markup with an object that contains mask properties. The type of the object depends on the mask mode (the MaskMode property). The table below lists the available mask modes and the corresponding property objects.

Mask mode Mask settings object
Numeric DxNumericMaskProperties
DateTime DxDateTimeMaskProperties
DateTimeOffset DxDateTimeOffsetMaskProperties
RegEx DxRegExMaskProperties
Text DxTextMaskProperties
TimeSpan DxTimeSpanMaskProperties
<DxGrid Data="@customers" PageSize="6"
        EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn Width="140px" />
        <DxGridDataColumn FieldName="ContactName" Width="180px" />
        <DxGridDataColumn FieldName="Company" />
        <DxGridDataColumn FieldName="Country" Width="140px" />
        <DxGridDataColumn FieldName="BonusCode"  Width="160px" DisplayFormat="BONUS-{0}" >
            <EditSettings>
                <DxMaskedInputSettings MaskMode="MaskMode.Text" Mask="BONUS-0000" >
                    <MaskProperties>
                        <DxTextMaskProperties SaveLiteral="false" />
                    </MaskProperties>
                </DxMaskedInputSettings>
            </EditSettings>
        </DxGridDataColumn>
    </Columns>
</DxGrid>

@code {
    private Customer[]? customers;
    protected override async Task OnInitializedAsync() {
        customers = await CustomerData.GetData();
    }
}

Edit row with masked input

To configure mask settings at runtime, use the IMaskedInputSettings.MaskProperties property instead.

Implements

See Also