flexgeek

FormattedStepper – NumericStepper with formatting support

Posted on: March 14, 2007

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)

2 Responses to "FormattedStepper – NumericStepper with formatting support"

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.

[…] 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

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: