DxRibbonSpinEditItem<TValue> Class

A ribbon item that displays a spin editor.

Assembly: DevExpress.Blazor.v25.2.dll

Declaration

public class DxRibbonSpinEditItem<TValue> :
    DxRibbonItemBase,
    IRibbonSpinEdit<TValue>,
    IRibbonGroupItem,
    IRibbonGroupElement,
    IRibbonElement,
    IRibbonNode,
    IRibbonInteractiveElement,
    IRibbonEditableElement

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