<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flex Examples &#187; NumberFormatter</title>
	<atom:link href="http://blog.flexexamples.com/category/numberformatter/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Wed, 26 Jan 2011 18:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Rounding numbers in Flex using the NumberFormatter class</title>
		<link>http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/</link>
		<comments>http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/#comments</comments>
		<pubDate>Fri, 14 Dec 2007 05:49:10 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[NumberBaseRoundType]]></category>
		<category><![CDATA[NumberFormatter]]></category>
		<category><![CDATA[format()]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/</guid>
		<description><![CDATA[<p>I was looking at the NumberFormatter class this evening and made this little demo that shows the four different types of rounding (nearest, up, down, and none) in action.</p> <p>The following example shows how you can use the static NumberFormatter class in conjuction with the NumberBaseRoundType constants to round and format numbers based on a [...]]]></description>
			<content:encoded><![CDATA[<p>I was looking at the NumberFormatter class this evening and made this little demo that shows the four different types of rounding (nearest, up, down, and none) in action.</p>
<p>The following example shows how you can use the static NumberFormatter class in conjuction with the NumberBaseRoundType constants to round and format numbers based on a certain criteria.</p>
<p><span id="more-365"></span></p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #808080; font-style: italic;">&lt;!-- http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/ --&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> name=<span style="color: #ff0000;">&quot;NumberFormatter_rounding_test&quot;</span></span>
<span style="color: #000000;">        xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span></span>
<span style="color: #000000;">        layout=<span style="color: #ff0000;">&quot;vertical&quot;</span></span>
<span style="color: #000000;">        verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span></span>
<span style="color: #000000;">        backgroundColor=<span style="color: #ff0000;">&quot;white&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #339933;">&lt;mx:Script&gt;</span>
<span style="color: #339933;">        &lt;![CDATA[</span>
<span style="color: #339933;">            import mx.collections.ArrayCollection;</span>
<span style="color: #339933;">            import mx.formatters.NumberBaseRoundType;</span>
&nbsp;
<span style="color: #339933;">            private function button_click(evt:MouseEvent):void {</span>
<span style="color: #339933;">                textInput.errorString = &quot;&quot;;</span>
<span style="color: #339933;">                numberFormatter.format(textInput.text);</span>
<span style="color: #339933;">                if (numberFormatter.error) {</span>
<span style="color: #339933;">                    textInput.errorString = numberFormatter.error;</span>
<span style="color: #339933;">                }</span>
&nbsp;
<span style="color: #339933;">                arrColl = new ArrayCollection();</span>
&nbsp;
<span style="color: #339933;">                numberFormatter.rounding = NumberBaseRoundType.NEAREST;</span>
<span style="color: #339933;">                arrColl.addItem({type:numberFormatter.rounding,</span>
<span style="color: #339933;">                        value:numberFormatter.format(textInput.text)});</span>
&nbsp;
<span style="color: #339933;">                numberFormatter.rounding = NumberBaseRoundType.UP;</span>
<span style="color: #339933;">                arrColl.addItem({type:numberFormatter.rounding,</span>
<span style="color: #339933;">                        value:numberFormatter.format(textInput.text)});</span>
&nbsp;
<span style="color: #339933;">                numberFormatter.rounding = NumberBaseRoundType.DOWN;</span>
<span style="color: #339933;">                arrColl.addItem({type:numberFormatter.rounding,</span>
<span style="color: #339933;">                        value:numberFormatter.format(textInput.text)});</span>
&nbsp;
<span style="color: #339933;">                numberFormatter.rounding = NumberBaseRoundType.NONE;</span>
<span style="color: #339933;">                arrColl.addItem({type:numberFormatter.rounding,</span>
<span style="color: #339933;">                        value:numberFormatter.format(textInput.text)});</span>
<span style="color: #339933;">            }</span>
<span style="color: #339933;">        ]]&gt;</span>
<span style="color: #339933;">    &lt;/mx:Script&gt;</span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ArrayCollection</span> id=<span style="color: #ff0000;">&quot;arrColl&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:NumberFormatter</span> id=<span style="color: #ff0000;">&quot;numberFormatter&quot;</span></span>
<span style="color: #000000;">            precision=<span style="color: #ff0000;">&quot;2&quot;</span></span>
<span style="color: #000000;">            rounding=<span style="color: #ff0000;">&quot;up&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ApplicationControlBar</span> dock=<span style="color: #ff0000;">&quot;true&quot;</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Form</span> styleName=<span style="color: #ff0000;">&quot;plain&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:FormItem</span> label=<span style="color: #ff0000;">&quot;number:&quot;</span></span>
<span style="color: #000000;">                    direction=<span style="color: #ff0000;">&quot;horizontal&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:TextInput</span> id=<span style="color: #ff0000;">&quot;textInput&quot;</span></span>
<span style="color: #000000;">                        text=<span style="color: #ff0000;">&quot;2.0499&quot;</span></span>
<span style="color: #000000;">                        restrict=<span style="color: #ff0000;">&quot;[0-9.\-]&quot;</span></span>
<span style="color: #000000;">                        maxChars=<span style="color: #ff0000;">&quot;6&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;format&quot;</span></span>
<span style="color: #000000;">                        click=<span style="color: #ff0000;">&quot;button_click(event);&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:FormItem</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Form</span><span style="color: #7400FF;">&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:ApplicationControlBar</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:DataGrid</span> id=<span style="color: #ff0000;">&quot;dataGrid&quot;</span></span>
<span style="color: #000000;">            dataProvider=<span style="color: #ff0000;">&quot;{arrColl}&quot;</span></span>
<span style="color: #000000;">            rowCount=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<div span="googleAdsLeaderboard">
<script type="text/javascript"><!--
google_ad_client = "pub-3325829455487492";
/* 728x90, created 7/15/09 */
google_ad_slot = "6403511741";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br />
</div>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/NumberFormatter_rounding_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/NumberFormatter_rounding_test/bin/main.html" width="100%" height="200"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Rounding numbers in Flex using the NumberFormatter class on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/',contentID: 'post-365',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'format()',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/12/13/rounding-numbers-in-flex-using-the-numberformatter-class/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

