Skip to main content
All docs
V24.2

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

DxRibbonSpinEditItem<TValue> Class

A ribbon item that displays a spin editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxRibbonSpinEditItem<TValue> :
    DxRibbonButtonBase<RibbonSpinEditRender<TValue>, RibbonItemClickEventArgs>

#Type Parameters

Name Description
TValue

The data type.

#Remarks

The spin editor item displays numeric values. A user can change the editor’s value in the following ways:

  • Click the increment or decrement spin button. Use the Increment property to specify the increment value.
  • Scroll the mouse wheel while the editor is focused.
  • Press the Up Arrow or Down Arrow key while the editor is focused.
  • Type a new value in the edit box.

Use the Value property to specify the editor’s value or to bind the value to a data source object. Handle the ValueChanged event to respond to the value change.

razor
...
<DxRibbonSpinEditItem Value="@CurrentFontSize"
                      ValueChanged="@((int newSize) => OnFontSizeChanged(newSize))"
                      MinValue="6"
                      MaxValue="32"
                      Increment="2"
                      Width="100px"/>
...
@code {
    private int CurrentFontSize { get; set; } = 8;

    void OnFontSizeChanged(int newSize) {
        // Your code
    }
}

SpinEdit Ribbon Item

#Inheritance

Object
ComponentBase
DxComponentBase
DxRibbonItemBase<DevExpress.Blazor.Navigation.Internal.RibbonSpinEditRender<TValue>>
DxRibbonElementBase<DevExpress.Blazor.Navigation.Internal.RibbonSpinEditRender<TValue>>
DxRibbonButtonBase<DevExpress.Blazor.Navigation.Internal.RibbonSpinEditRender<TValue>, DevExpress.Blazor.Navigation.Internal.RibbonItemClickEventArgs>
DxRibbonSpinEditItem<TValue>
See Also