DxTimeEditSettings.AllowMouseWheel Property

Specifies whether users can use the mouse wheel to increase or decrease the editor value when a mask is applied.

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 Time Edit has a mask applied, 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.

<DxGrid Data="@timetable" KeyFieldName="Id" ShowFilterRow="true" >
  <Columns>
    <DxGridCommandColumn />
    <DxGridDataColumn FieldName="StartTime">
      <EditSettings>
        <DxTimeEditSettings Mask="@DateTimeMask.ShortTime" AllowMouseWheel="false" />
      </EditSettings>
    </DxGridDataColumn>
  </Columns>
</DxGrid>

@code {
  List<TimeTableItem> timetable = new() {
    new() { Id = 1, StartTime = new TimeOnly(9, 0) },
    new() { Id = 2, StartTime = new TimeOnly(13, 30) }
  };

  public class TimeTableItem {
    public int Id { get; set; }
    public TimeOnly StartTime { get; set; }
  }
}

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

Implements

AllowMouseWheel