Sometimes it is necessary to display a formatted value such as currency or a percentage in a NumericStepper component, but that is not a default behavior. I need something extremely simple that can be written as:
-
<mx:CurrencyFormatter id="currencyFormatter"
-
currencySymbol="$"
-
precision="2"/>
-
-
<controls:FormattedStepper formatter="{currencyFormatter}"/>
My internet searches turned up this similar attempt, but it seemed overly complicated (just my opinion). Continue reading to view my attempt at a simple formatted numeric stepper with source. I've also included an example of a custom formatter as well as an item renderer / item editor in a DataGrid.