DxRibbonSpinEditItem<TValue> Class

A ribbon item that displays a spin editor.

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

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

Type Parameters

Name	Description
TValue	The data type.

Remarks

The spin editor item displays numeric values of the following types:

Integer numeric data types
Floating-point numeric types
Nullable types of all the types listed above

Users can type a value in the edit box or click the increment and decrement buttons to change the value by the Increment value.

Change the Value property to specify the edit value. You can also bind this property to a data source object. Handle the ValueChanged event to execute custom logic when the value changes.

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup>
            <DxRibbonSpinEditItem Value="@NumberOfRows"
                                  MinValue="1"
                                  MaxValue="32"
                                  Increment="1"
                                  Width="100px" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

@code {
    private int NumberOfRows { get; set; } = 2;
}

Ribbon Spin Editor

When the spin editor has focus, users can change its value in the following ways:

Press the Up Arrow (increase the value) or Down Arrow (decrease the value) key.
Scroll the mouse wheel forward to increase the value or backward to decrease the value.