Skip to main content
All docs
V26.1
  • DxMaskedInputSettings.AllowMouseWheel Property

    Specifies whether users can use the mouse wheel to increase or decrease the editor value.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v26.1.dll

    Declaration

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

    Property Value

    Type Default Description
    Boolean true

    true if a user can use the mouse wheel to change the editor value; otherwise, false.

    Remarks

    When the Masked Input uses Numeric/Date/Time masks, users can use the mouse wheel to increase or decrease the value in the active mask section. You can set the AllowMouseWheel property to false to disable this functionality.

    @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" AllowMouseWheel="false" />
                </EditSettings>
            </DxGridDataColumn>
        </Columns>
    </DxGrid>
    
    @code {
        Employee[]? employees;
    
        protected override async Task OnInitializedAsync() {
            employees = await EmployeeData.GetData();
        }
    }
    

    To enable/disable this functionality at runtime, use the ISpinEditSettings.AllowMouseWheel property instead.

    Implements

    See Also