DxTimeEditSettings.MaskProperties Property

Allows you to define mask properties.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
RenderFragment	The mask properties.

Remarks

Add a DxDateTimeMaskProperties or DxTimeSpanMaskProperties object to the MaskProperties property markup to configure a time editor’s mask settings.

<DxGrid Data="@timetable" EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="ID" Visible="false" />
        <DxGridDataColumn FieldName="Nickname" />
        <DxGridDataColumn FieldName="StartTime">
            <EditSettings>
                <DxTimeEditSettings Mask="hh:mm">
                    <MaskProperties>
                        <DxDateTimeMaskProperties CaretMode="MaskCaretMode.Advancing" />
                    </MaskProperties>
                </DxTimeEditSettings>
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="EndTime" >
            <EditSettings>
                <DxTimeEditSettings Mask="hh:mm" >
                    <MaskProperties>
                        <DxDateTimeMaskProperties CaretMode="MaskCaretMode.Advancing" />
                    </MaskProperties>
                </DxTimeEditSettings>
            </EditSettings>
        </DxGridDataColumn>
    </Columns>
</DxGrid>

@code {
    Result[]? timetable;
    protected override async Task OnInitializedAsync() {
        timetable = await TimeTable.GetData();
    }
}

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

Implements

MaskProperties