Back to Devexpress

DxRibbonSpinEditItem<TValue> Class

blazor-devexpress-dot-blazor-dot-dxribbonspinedititem-1.md

latest2.9 KB
Original Source

DxRibbonSpinEditItem<TValue> Class

A ribbon item that displays a spin editor.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Type Parameters

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

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

IRibbonSpinEdit<TValue>

Inheritance

Object ComponentBase DevExpress.Blazor.Ribbon.Internal.DxRibbonNodeBase DxRibbonElementBase DxRibbonItemBase DxRibbonSpinEditItem<TValue>

See Also

DxRibbonSpinEditItem<TValue> Members

DevExpress.Blazor Namespace