DxRibbonSpinEditItem<TValue> Class

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Type Parameters

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