Skip to main content
All docs
V24.2

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

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.

...
<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