The Spin Edit allows you to display and edit numeric values. Users can press the spin buttons to change the editor's value, use the ARROW UP and ARROW DOWN keys, or type a new value in the edit box.
The Spin Edit component supports different size modes. To specify the component's size in code, use the SizeMode property. To apply different size modes, use the drop-down list in the demo card's header.
Do any of the following to clear the Spin Edit (set its value to null):
- Delete the value in the editor.
- Click the Clear button. This button is displayed when you set the ClearButtonDisplayMode property to Auto.
Use the NullText property to display placeholder text in the Spin Edit when its value is null.
Our Spin Edit component supports masked input. If you specify a mask, the input box only accepts values in a specific numeric format.
To enable this functionality, assign the pattern to the component's Mask property. The DxNumericMaskProperties component specifies additional mask settings (such as culture). For more information about Numeric masks, refer to the following help topic: Numeric Masks.
Try the Mask and Culture settings to explore the different date-time mask modes.
In this demo, the Spin Edit displays values but does not allow users to change them. To implement this behavior, you can use any of the following modes: