DxMaskedInputSettings.AllowUpDownArrowKeys Property

Specifies whether users can press Up/Down arrow keys to increase/decrease the editor value.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(true)]
[Parameter]
public bool AllowUpDownArrowKeys { get; set; }

Property Value

Type	Default	Description
Boolean	true	true if a user can use arrow keys to change the editor value; otherwise, false.

Remarks

When the Masked Input uses Numeric/Date/Time masks, users can use arrow keys to increase/decrease a value in the active mask. You can set the AllowUpDownArrowKeys property to false to disable this functionality.

Razor

@inject EmployeeService EmployeeData

<DxGrid Data="@employees" PageSize="4" ShowFilterRow="true" >
    <Columns>
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="BirthDate" />
        <DxGridDataColumn FieldName="HireDate" />
        <DxGridDataColumn FieldName="Salary"  >
            <EditSettings>
                <DxMaskedInputSettings Mask="@NumericMask.Currency" AllowUpDownArrowKeys="false" />
            </EditSettings>
        </DxGridDataColumn>
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;

    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
}

To enable or disable this functionality at runtime, use the IMaskedInputSettings.AllowUpDownArrowKeys property instead.

Implements

AllowUpDownArrowKeys