Currency Formatter

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="top"

    horizontalAlign="center" backgroundGradientColors="[#570A0A, #731F1F]" paddingTop="0" viewSourceURL="srcview/index.html" backgroundGradientAlphas="[1.0, 1.0]">

   

    <mx:Script>

        <![CDATA[

              import mx.events.ValidationResultEvent;           

              private var vResult:ValidationResultEvent;

           

              // Event handler to validate and format input.

              private function Format():void {

             

                     vResult = numVal.validate();

                    if (vResult.type==ValidationResultEvent.VALID) {

                        var temp:Number=Number(priceUS.text);

                        formattedUSPrice.text= usdFormatter.format(temp);

                    }

                   

                    else {

                       formattedUSPrice.text="";

                    }

              }

        ]]>

    </mx:Script>

   

   <mx:CurrencyFormatter id="usdFormatter" precision="2" currencySymbol="$" decimalSeparatorFrom="."  rounding="nearest"

        decimalSeparatorTo="." useNegativeSign="true" useThousandsSeparator="true" alignSymbol="left"/>

    <mx:NumberValidator id="numVal" source="{priceUS}" property="text" allowNegative="true" domain="real"/>

       

    <mx:Panel title="CurrencyFormatter Example" layout="vertical" color="0xffffff" borderAlpha="0.15"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="19">

        

         <mx:Form color="0x323232">

            <mx:FormItem label="Enter dollar amount:">

                <mx:TextInput id="priceUS" text="" width="50%"/>

            </mx:FormItem>

            <mx:FormItem label="Formatted U.S. dollar amount: ">

                <mx:Label id="formattedUSPrice" text="" width="50%"/>

            </mx:FormItem>

            <mx:FormItem>

                <mx:Button label="Validate and Format" click="Format();"/>

            </mx:FormItem>

        </mx:Form>

       

    </mx:Panel>

</mx:Application>