Author: cframpton
Date: Wed Nov 28 21:12:12 2012
New Revision: 1414920
URL: http://svn.apache.org/viewvc?rev=1414920&view=rev
Log:
>From whiteboard/cframpton/adobe.next. Update examples to use spark components.
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample1.mxml
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample2.mxml
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/DateTimeFormatterExample.mxml
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample1.mxml
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample2.mxml
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample1.mxml
URL:
http://svn.apache.org/viewvc/incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample1.mxml?rev=1414920&r1=1414919&r2=1414920&view=diff
==============================================================================
---
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample1.mxml
(original)
+++
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample1.mxml
Wed Nov 28 21:12:12 2012
@@ -22,15 +22,15 @@
xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
-
+
<fx:Declarations>
<s:CurrencyFormatter id="currencyFormatter"/>
</fx:Declarations>
-
+
<fx:Script>
<![CDATA[
import flash.globalization.CurrencyParseResult;
-
+
private function localeChange():void
{
// Sets the locale style on the document UI component.
@@ -38,34 +38,34 @@
setStyle('locale', inputLocaleIDName.text);
inputCurrencyChange();
}
-
+
private function inputCurrencyChange():void
{
const cpr:CurrencyParseResult
- = currencyFormatter.parse(inputCurrency.text);
+ = currencyFormatter.parse(inputCurrency.text);
parsedResult.text = "Currency String: [" + cpr.currencyString
+ "], Amount: [" + cpr.value.toString() + "]";
}
]]>
</fx:Script>
-
- <mx:Form>
- <mx:FormItem label="Input Locale ID Name">
- <mx:HBox>
+
+ <s:Form>
+ <s:FormItem label="Input Locale ID Name">
+ <s:HGroup>
<s:TextInput id="inputLocaleIDName"/>
<s:Button click="localeChange()" label="Apply"/>
- </mx:HBox>
- <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
- </mx:FormItem>
- <mx:FormItem label="Input Currency Amount">
+ </s:HGroup>
+ <s:Label text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
+ </s:FormItem>
+ <s:FormItem label="Input Currency Amount">
<s:TextInput id="inputCurrency" change="inputCurrencyChange()"/>
- <mx:Text text="Example:
{currencyFormatter.format(123456789.123)}"/>
- </mx:FormItem>
- <mx:FormItem label="Actual Locale ID Name">
- <mx:Text text="{currencyFormatter.actualLocaleIDName}"/>
- </mx:FormItem>
- <mx:FormItem label="Parsed Result">
- <mx:Text id="parsedResult"/>
- </mx:FormItem>
- </mx:Form>
+ <s:Label text="Example:
{currencyFormatter.format(123456789.123)}"/>
+ </s:FormItem>
+ <s:FormItem label="Actual Locale ID Name">
+ <s:Label text="{currencyFormatter.actualLocaleIDName}"/>
+ </s:FormItem>
+ <s:FormItem label="Parsed Result">
+ <s:Label id="parsedResult"/>
+ </s:FormItem>
+ </s:Form>
</s:Application>
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample2.mxml
URL:
http://svn.apache.org/viewvc/incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample2.mxml?rev=1414920&r1=1414919&r2=1414920&view=diff
==============================================================================
---
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample2.mxml
(original)
+++
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/CurrencyFormatterExample2.mxml
Wed Nov 28 21:12:12 2012
@@ -22,38 +22,38 @@
xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
-
+
<fx:Declarations>
<s:CurrencyFormatter id="currencyFormatter"/>
</fx:Declarations>
-
+
<fx:Script>
<![CDATA[
[Bindable]
private var currencyAmount:Number = 123456.789;
]]>
</fx:Script>
-
- <mx:Form>
- <mx:FormItem label="Input Locale ID Name">
- <mx:HBox>
+
+ <s:Form>
+ <s:FormItem label="Input Locale ID Name">
+ <s:HGroup>
<s:TextInput id="inputLocaleIDName"/>
<!-- Upon button click, sets the locale style on the document
- UI component. The formatter will inherit this style. -->
+ UI component. The formatter will inherit this style. -->
<s:Button click="setStyle('locale', inputLocaleIDName.text);"
label="Apply"/>
- </mx:HBox>
- <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
- </mx:FormItem>
- <mx:FormItem label="Use Currency Symbol">
+ </s:HGroup>
+ <s:Label text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
+ </s:FormItem>
+ <s:FormItem label="Use Currency Symbol">
<s:CheckBox id="useSymbol"
- click="currencyFormatter.useCurrencySymbol =
useSymbol.selected"/>
- </mx:FormItem>
- <mx:FormItem label="Actual Locale ID Name">
+ click="currencyFormatter.useCurrencySymbol =
useSymbol.selected"/>
+ </s:FormItem>
+ <s:FormItem label="Actual Locale ID Name">
<s:Label text="{currencyFormatter.actualLocaleIDName}"/>
- </mx:FormItem>
- <mx:FormItem label="Formatted Result">
+ </s:FormItem>
+ <s:FormItem label="Formatted Result">
<s:Label text="{currencyFormatter.format(currencyAmount)}"/>
- </mx:FormItem>
- </mx:Form>
+ </s:FormItem>
+ </s:Form>
</s:Application>
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/DateTimeFormatterExample.mxml
URL:
http://svn.apache.org/viewvc/incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/DateTimeFormatterExample.mxml?rev=1414920&r1=1414919&r2=1414920&view=diff
==============================================================================
---
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/DateTimeFormatterExample.mxml
(original)
+++
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/DateTimeFormatterExample.mxml
Wed Nov 28 21:12:12 2012
@@ -22,50 +22,50 @@
xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
-
+
<fx:Declarations>
<s:DateTimeFormatter id="dateTimeFormatter"/>
</fx:Declarations>
-
+
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
-
+
private static const dateTimeStyleMenuItems:ArrayCollection
- = new ArrayCollection(["long", "medium", "short", "none"]);
+ = new ArrayCollection(["long", "medium", "short", "none"]);
]]>
</fx:Script>
-
- <mx:Form>
- <mx:FormItem label="Input Locale ID Name">
- <mx:HBox>
+
+ <s:Form>
+ <s:FormItem label="Input Locale ID Name">
+ <s:HGroup>
<s:TextInput id="inputLocaleIDName"/>
<!-- Upon button click, sets the locale style on the document
- UI component. The formatter will inherit this style. -->
+ UI component. The formatter will inherit this style. -->
<s:Button click="setStyle('locale', inputLocaleIDName.text);"
label="Apply"/>
- </mx:HBox>
- <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
- </mx:FormItem>
- <mx:FormItem label="Date Style">
+ </s:HGroup>
+ <s:Label text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
+ </s:FormItem>
+ <s:FormItem label="Date Style">
<s:DropDownList id="dateStyle" requireSelection="true"
- change="dateTimeFormatter.dateStyle =
dateTimeStyleMenuItems[dateStyle.selectedIndex]"
- dataProvider="{dateTimeStyleMenuItems}"/>
- </mx:FormItem>
- <mx:FormItem label="Time Style">
+ change="dateTimeFormatter.dateStyle =
dateTimeStyleMenuItems[dateStyle.selectedIndex]"
+ dataProvider="{dateTimeStyleMenuItems}"/>
+ </s:FormItem>
+ <s:FormItem label="Time Style">
<s:DropDownList id="timeStyle" requireSelection="true"
- change="dateTimeFormatter.timeStyle =
dateTimeStyleMenuItems[timeStyle.selectedIndex]"
- dataProvider="{dateTimeStyleMenuItems}"/>
- </mx:FormItem>
- <mx:FormItem label="Input Date">
- <mx:TextInput id="inputDate" text="{new Date().toString()}"/>
- </mx:FormItem>
- <mx:FormItem label="Actual Locale ID Name">
- <mx:Text text="{dateTimeFormatter.actualLocaleIDName}"/>
- </mx:FormItem>
- <mx:FormItem label="Formatted Result">
- <mx:Text id="uiFormattedDate"
- text="{dateTimeFormatter.format(inputDate.text)}"/>
- </mx:FormItem>
- </mx:Form>
+ change="dateTimeFormatter.timeStyle =
dateTimeStyleMenuItems[timeStyle.selectedIndex]"
+ dataProvider="{dateTimeStyleMenuItems}"/>
+ </s:FormItem>
+ <s:FormItem label="Input Date">
+ <s:TextInput id="inputDate" text="{new Date().toString()}"/>
+ </s:FormItem>
+ <s:FormItem label="Actual Locale ID Name">
+ <s:Label text="{dateTimeFormatter.actualLocaleIDName}"/>
+ </s:FormItem>
+ <s:FormItem label="Formatted Result">
+ <s:Label id="uiFormattedDate"
+ text="{dateTimeFormatter.format(inputDate.text)}"/>
+ </s:FormItem>
+ </s:Form>
</s:Application>
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample1.mxml
URL:
http://svn.apache.org/viewvc/incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample1.mxml?rev=1414920&r1=1414919&r2=1414920&view=diff
==============================================================================
---
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample1.mxml
(original)
+++
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample1.mxml
Wed Nov 28 21:12:12 2012
@@ -22,42 +22,42 @@
xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
-
+
<fx:Declarations>
<s:NumberFormatter id="numberFormatter"/>
</fx:Declarations>
-
+
<fx:Script>
<![CDATA[
[Bindable]
private var number:Number = 123456789.123456789;
]]>
</fx:Script>
-
- <mx:Form>
- <mx:FormItem label="Input Locale ID Name">
- <mx:HBox>
+
+ <s:Form>
+ <s:FormItem label="Input Locale ID Name">
+ <s:HGroup>
<s:TextInput id="inputLocaleIDName"/>
<!-- Upon button click, sets the locale style on the document
- UI component. The formatter will inherit this style. -->
+ UI component. The formatter will inherit this style. -->
<s:Button click="setStyle('locale', inputLocaleIDName.text);"
label="Apply"/>
- </mx:HBox>
- <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
- </mx:FormItem>
- <mx:FormItem label="Use Grouping">
- <mx:CheckBox id="useGrouping"
- change="numberFormatter.useGrouping= useGrouping.selected"/>
- </mx:FormItem>
- <mx:FormItem label="Fractional Digits">
- <mx:TextInput id="fractionalDigits"
- change="numberFormatter.fractionalDigits =
Number(fractionalDigits.text)"/>
- </mx:FormItem>
- <mx:FormItem label="Actual Locale ID Name">
- <mx:Text text="{numberFormatter.actualLocaleIDName}"/>
- </mx:FormItem>
- <mx:FormItem label="Formatted Result">
- <mx:Text text="{numberFormatter.format(number)}"/>
- </mx:FormItem>
- </mx:Form>
+ </s:HGroup>
+ <s:Label text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
+ </s:FormItem>
+ <s:FormItem label="Use Grouping">
+ <s:CheckBox id="useGrouping"
+ change="numberFormatter.useGrouping =
useGrouping.selected"/>
+ </s:FormItem>
+ <s:FormItem label="Fractional Digits">
+ <s:TextInput id="fractionalDigits"
+ change="numberFormatter.fractionalDigits =
Number(fractionalDigits.text)"/>
+ </s:FormItem>
+ <s:FormItem label="Actual Locale ID Name">
+ <s:Label text="{numberFormatter.actualLocaleIDName}"/>
+ </s:FormItem>
+ <s:FormItem label="Formatted Result">
+ <s:Label text="{numberFormatter.format(number)}"/>
+ </s:FormItem>
+ </s:Form>
</s:Application>
Modified:
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample2.mxml
URL:
http://svn.apache.org/viewvc/incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample2.mxml?rev=1414920&r1=1414919&r2=1414920&view=diff
==============================================================================
---
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample2.mxml
(original)
+++
incubator/flex/sdk/branches/develop/frameworks/projects/spark/asdoc/en_US/spark/formatters/examples/NumberFormatterExample2.mxml
Wed Nov 28 21:12:12 2012
@@ -22,32 +22,32 @@
xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
-
+
<fx:Declarations>
<s:NumberFormatter id="numberFormatter"/>
</fx:Declarations>
-
- <mx:Form>
- <mx:FormItem label="Input Locale ID Name">
- <mx:HBox>
+
+ <s:Form>
+ <s:FormItem label="Input Locale ID Name">
+ <s:HGroup>
<s:TextInput id="inputLocaleIDName"/>
<!-- Upon button click, sets the locale style on the document
- UI component. The formatter will inherit this style. -->
+ UI component. The formatter will inherit this style. -->
<s:Button click="setStyle('locale', inputLocaleIDName.text);"
label="Apply"/>
- </mx:HBox>
- <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
- </mx:FormItem>
- <mx:FormItem label="Input Number">
+ </s:HGroup>
+ <s:Label text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
+ </s:FormItem>
+ <s:FormItem label="Input Number">
<s:TextInput id="inputNumber"/>
- <mx:Text text="Example: {numberFormatter.format(123456789.123)}"/>
- </mx:FormItem>
- <mx:FormItem label="Actual Locale ID Name">
- <mx:Text text="{numberFormatter.actualLocaleIDName}"/>
- </mx:FormItem>
- <mx:FormItem label="Parsed Result">
- <mx:Text
+ <s:Label text="Example: {numberFormatter.format(123456789.123)}"/>
+ </s:FormItem>
+ <s:FormItem label="Actual Locale ID Name">
+ <s:Label text="{numberFormatter.actualLocaleIDName}"/>
+ </s:FormItem>
+ <s:FormItem label="Parsed Result">
+ <s:Label
text="{numberFormatter.parseNumber(inputNumber.text).toString()}"/>
- </mx:FormItem>
- </mx:Form>
+ </s:FormItem>
+ </s:Form>
</s:Application>
