Use NumericStepper to choose value

   
<?xml version='1.0' encoding='UTF-8'?>
<mx:Application 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.controls.Alert;
        public function showMsg(msg:String):void {
            Alert.show(msg);
        }
      
    </mx:Script>
    <mx:Panel title="Profile">
        <s:VGroup>
            <mx:Label fontWeight="bold" text="Value 1:" />
            <mx:NumericStepper id="kids" minimum="0" maximum="10" stepSize="1" change="showMsg(kids.value.toString())" />

        </s:VGroup>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Use NumericStepper as itemEditor for DataGrid
2.	NumericStepper with
3.	Use NumericStepper as item editor for a column of DataGrid control
4.	Use NumericStepper control as an inline item editor
5.	Use a NumericStepper control to define a custom item editor as an MXML component
6.	NumericStepper minimum, maximum, stepSize
7.	Use NumericStepper to set selected index for List
8.	Use NumericStepper to control the size of a Panel
9.	Get value from NumericStepper and TextInput
10.	Contact Manager Panel with TextInput, NumericStepper, CheckBox, ColorPicker
11.	List NumericStepper cell renderer
12.	Bind NumericStepper value to Label
13.	Specify the NumericStepper control as the item editor for a column of the DataGrid control
14.	Use NumericStepper, DateField, and CheckBox controls as the drop-in item renderers and item editors for a DataGrid control:
15.	Use a NumericStepper control to edit the Price column of a DataGrid control.
16.	Inline NumericStepper
17.	Creating a simple inline item renderer
18.	Inline NumericStepper Renderer
19.	Drop In NumericStepper item renderer

Use NumericStepper to choose value : NumericStepper « Components « Flex

Related examples in the same category