Home Tutorial Flex Flex4 Components NumberFormatter in Flex4

 
 

Share on Google+Share on Google+
NumberFormatter in Flex4
Posted on: June 2, 2010 at 12:00 AM
Advertisement
The NumberFormatter class formats the decimal rounding and precision, thousand separator and negative sign.

NumberFormatter in Flex4:

The NumberFormatter class formats the decimal rounding and precision, thousand separator and negative sign. for example,203.4567=203.456 . You can use the precision property for decimal length. If an error occurs this error is saved to the error property. The error property has two types of error values: Invalid value, Invalid format. The tag of NumberFormatter is <mx:NumberFormatter>.
You will be declare a formatter in <fx:Declarations> tag.

Example:

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

minWidth="955" minHeight="600">

<fx:Script>

<![CDATA[

import mx.events.ValidationResultEvent;

private var result:ValidationResultEvent;

private function checkFormat():void

{

result = numValidate.validate();

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

numval.text= numberFormatter.format(numtxt.text);

}

else {

numval.text= "Invalid Number";

}

}

]]>

</fx:Script>

<fx:Declarations>

<mx:NumberFormatter id="numberFormatter" precision="3"

 useThousandsSeparator="true" useNegativeSign="true"/>

<mx:NumberValidator id="numValidate" source="{numtxt}" property="text"

 allowNegative="true" domain="real"/>

</fx:Declarations>

<s:Panel title="NumberValidator Example" width="506">

<mx:Form backgroundColor="#096465" width="504">

<mx:FormItem label="Enter number:" color="#FFFFFF" fontFamily="verdana">

<s:TextInput id="numtxt" text="" width="100%" color="#000000" fontFamily="verdana"/>

</mx:FormItem>

<mx:FormItem label="Formatted Value: " color="#FFFFFF" fontFamily="verdana">

<s:Label id="numval" color="#FFFFFF" fontFamily="verdana"/>

</mx:FormItem>

<mx:FormItem>

<s:Button label="Format" click="checkFormat();"/>

</mx:FormItem>

</mx:Form>

</s:Panel>

</s:Application>

Output:

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Advertisement

Related Tags for NumberFormatter in Flex4:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: June 2, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com