SpinEdit Class

An editor with spin buttons used to adjust a numerical value.

Assembly: DevExpress.Xpf.Core.v21.2.dll

Declaration

C#
VB.NET

public class SpinEdit :
    ButtonEdit

Public Class SpinEdit
    Inherits ButtonEdit

Remarks

The SpinEdit class are a text editor with a pair of spin buttons that end users can click to adjust a value. Spin buttons are used to increment or decrement the editor’s value displayed in the text edit region.

WPF SpinEdit Control

Tip

The SpinEdit class inherits its features from the ButtonEdit class.

Refer to the ButtonEdit class description for information on derived features and API.

Create a SpinEdit

Use the BaseEdit.EditValue property to specify the editor’s value.

XAML

<Window ...
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">

<dxe:SpinEdit EditValue="8" Increment="0.5" MinValue="0" MaxValue="10" AllowSpinOnMouseWheel="False" />

Handle the BaseEdit.EditValueChanged event to get a notification when the editor’s value is changed. To validate the new value, handle the BaseEdit.Validate event.

Value Edit Options

The editor’s increment value, by which the edit value is changed every time the editor is spun, is specified by the SpinEdit.Increment property.

The editor’s value can be integer or floating-point. Use the SpinEdit.IsFloatValue property to specify the editor’s value type.

Minimum and Maximum Values

The minimum and maximum allowed values are specified by the SpinEdit.MinValue and SpinEdit.MaxValue properties, respectively. Use the SpinEdit.Minimize or SpinEdit.Maximize method to set the editor’s value to the minimum or maximum value, respectively.

Useful API:

Mouse Wheel Input

End-users can modify the SpinEdit‘s value with a mouse wheel.

Set the SpinEdit’s TextEdit.AllowSpinOnMouseWheel property to true to allow users to spin a mouse wheel to change an edit value. This property is in effect only when the TextEdit.AllowSpin property is true.

Appearance Customization

Tip

Refer to the following topic for more information: Appearance Customization.

The following code snippets (auto-collected from DevExpress Examples) contain references to the SpinEdit class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

reporting-wpf-wizard-custom-page/CS/CustomReportWizard/App.xaml#L45

<dxlc:LayoutItem Label="Left Margin:">
    <dxe:SpinEdit EditValueType="{x:Type sys:Int32}" EditValue="{Binding LeftMargin, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
</dxlc:LayoutItem>

wpf-lookupedit-process-new-values/CS/HowToCreateLookUpEdit/UserControl1.xaml#L47

               Grid.Column="0" Margin="0,0,6,4" />
<dxe:SpinEdit x:Name="spUnitPrice" Grid.Row="3" Grid.Column="1"
                  EditValue="{Binding Path=UnitPrice, Mode=TwoWay, Converter={StaticResource converter}}" Margin="0,0,0,4"/>

Reporting_how-to-create-a-document-sections-based-on-the-values-entered-by-an-end-user-e2942/CS/MainWindow.xaml#L72

<Label Grid.Row="5" Margin="5">Detail Count:</Label>
<dxe:SpinEdit Name="seDetail" Grid.Column="2" Grid.Row="5" Margin="5" MinValue="0" IsFloatValue="False" IsTextEditable="False" />

Reporting_wpf-report-designer-how-to-customize-a-controls-smart-tag-t554855/CS/App.xaml#L49

<dxlc:LayoutItem Label="Max Value">
    <dxe:SpinEdit EditValue="{Binding MaxValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                      EditValueType="{x:Type sys:Single}" />

TwoWayConverter-sample/CS/MainWindow.xaml#L28

<dxlc:LayoutItem Label="Enter your age:" LabelPosition="Top">
    <dxe:SpinEdit EditValue="{Binding Age}" IsFloatValue="False">
        <dxmvvm:Interaction.Behaviors>