Harish Sivaramakrishnan

Platform Evangelist @ Adobe

FormattedStepper – NumericStepper with formatting support

2 comments

Saw a post on flexcoders yesterday regarding some one wanting formatter support on NumericStepper. Played around with NumericStepper code base for around an hour yesterday night and this is what I got – <FormattedStepper>, an extended control from <mx:NumericStepper> with a formatter property which can be set to NumberFormatter or CurrencyFormatter. The control can be used as a regular NumericStepper too. I have attached a sample application and full source code also. This is version 0.0.1, may have a lot of bugs, but for starters, it works!

Sample Usage:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:xm="com.*" backgroundGradientColors="[#000000, #000000]"> <mx:CurrencyFormatter id="formatter" currencySymbol="$" alignSymbol="left"/>
<xm:FormattedStepper id="fs" formatter="{formatter}" minimum="1000" maximum="2000" stepSize="2"/>
</mx:Application>

Sample Application | Download Source (zip)

Written by vodka

March 14th, 2007 at 12:09 pm

2 Responses to 'FormattedStepper – NumericStepper with formatting support'

Subscribe to comments with RSS or TrackBack to 'FormattedStepper – NumericStepper with formatting support'.

  1. Thanks for sharing this great component!

    I mind everyone that this component is of alpha quality and it is not production ready (for example, in private routine setValue this component did not dispatch NumericStepperEvent.CHANGE event).

    But source code is there and this component gives the good idea how to extend standard Flex 2 SDK’s NumericStepper component in order to support formatted entries.

    JabbyPanda

    11 Sep 07 at 1:14 pm

  2. [...] internet searches turned up this similar attempt, but it seemed overly complicated (just my opinion). Continue reading to view my first attempt at a [...]

Leave a Reply