Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 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

DxMaskedInputSettings.MaskProperties Property

Allows you to define mask properties.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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