You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2018/07/31 17:13:40 UTC
[17/21] git commit: [flex-examples] [refs/heads/develop] - TDF with
modules where possible
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml b/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml
new file mode 100755
index 0000000..f1c8e64
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml
@@ -0,0 +1,78 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var dpFlat:ArrayCollection = new ArrayCollection([
+ {Region:"Southwest", Territory:"Arizona",
+ Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000},
+ {Region:"Southwest", Territory:"Arizona",
+ Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},
+ {Region:"Southwest", Territory:"Central California",
+ Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},
+ {Region:"Southwest", Territory:"Nevada",
+ Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},
+ {Region:"Southwest", Territory:"Northern California",
+ Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000},
+ {Region:"Southwest", Territory:"Northern California",
+ Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},
+ {Region:"Southwest", Territory:"Southern California",
+ Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000},
+ {Region:"Southwest", Territory:"Southern California",
+ Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
+ ]);
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="AdvancedDataGrid Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:AdvancedDataGrid id="myADG"
+ width="100%" height="100%"
+ initialize="gc.refresh()">
+ <mx:dataProvider>
+ <mx:GroupingCollection2 id="gc" source="{dpFlat}">
+ <mx:grouping>
+ <mx:Grouping>
+ <mx:GroupingField name="Region"/>
+ <mx:GroupingField name="Territory"/>
+ </mx:Grouping>
+ </mx:grouping>
+ </mx:GroupingCollection2>
+ </mx:dataProvider>
+
+ <mx:columns>
+ <mx:AdvancedDataGridColumn dataField="Region"/>
+ <mx:AdvancedDataGridColumn dataField="Territory"/>
+ <mx:AdvancedDataGridColumn dataField="Territory_Rep"
+ headerText="Territory Rep"/>
+ <mx:AdvancedDataGridColumn dataField="Actual"/>
+ <mx:AdvancedDataGridColumn dataField="Estimate"/>
+ </mx:columns>
+ </mx:AdvancedDataGrid>
+ </mx:Panel>
+
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml b/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml
new file mode 100755
index 0000000..6920666
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml
@@ -0,0 +1,58 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ButtonBar control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.events.ItemClickEvent;
+
+ // Event handler function to print a message
+ // describing the selected Button control.
+ private function clickHandler(event:ItemClickEvent):void {
+ myTA.text="Selected button index: " + String(event.index) +
+ "\n" + "Selected button label: " + event.label;
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="ButtonBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a button in the ButtonBar control."/>
+
+ <mx:TextArea id="myTA" width="100%" height="100%"/>
+
+ <mx:ButtonBar itemClick="clickHandler(event)">
+ <mx:dataProvider>
+ <fx:Array>
+ <fx:String>Flex SDK</fx:String>
+ <fx:String>Flex JS</fx:String>
+ <fx:String>Falcon</fx:String>
+ <fx:String>Falcon JX</fx:String>
+ </fx:Array>
+ </mx:dataProvider>
+ </mx:ButtonBar>
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/ButtonExample.mxml b/tourdeflexmodules/src/mx/controls/ButtonExample.mxml
new file mode 100755
index 0000000..588eef9
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/ButtonExample.mxml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Button control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import flash.events.Event;
+
+ // Event handler function to print a message
+ // describing the selected Button control.
+ private function printMessage(event:Event):void {
+ message.text += event.target.label + " pressed" + "\n";
+ }
+
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="Button Control Example" layout="horizontal"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:VBox>
+ <mx:Label width="100%"
+ text="Select a Button control."/>
+
+ <!-- The button can contain an image, as in the "Button with Icon" button -->
+ <!-- The button can contain an image, as in the "Button with Icon" button -->
+ <mx:Button id="iconButton" icon="@Embed('assets/ApacheFlexIcon.png')" label="Button with Icon"
+ paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event)"/>
+
+ <!-- The size of the button and the label attributes can be customized -->
+ <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
+ textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}"
+ click="printMessage(event)"/>
+
+ <!-- By default, the look and feel of the customized button is
+ similar to the Default Button. -->
+ <mx:Button label="Default Button" click="printMessage(event)"/>
+ </mx:VBox>
+
+ <mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
+ color="#0000FF"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml b/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml
new file mode 100755
index 0000000..116e652
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml
@@ -0,0 +1,78 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the CheckBox control -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.controls.Alert;
+
+ // This event handler adds and deletes items from the shopping cart.
+ private function modifyCart():void
+ {
+ cartItems.text = "";
+
+ if(milkCB.selected == true) {
+ cartItems.text += "milk" + '\n' ;
+ }
+
+ if(eggsCB.selected == true) {
+ cartItems.text += "eggs" + '\n';
+ }
+
+ if(breadCB.selected == true) {
+ cartItems.text +="bread" + '\n';
+ }
+ }
+
+ // This event handler opens the Alert control.
+ private function sendMessage():void
+ {
+ if(couponCB.selected == true) {
+ Alert.show('You will receive coupons.');
+ }
+ else {
+ Alert.show('You will not receive any coupons.');
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="CheckBox Control Example" layout="horizontal"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:VBox>
+ <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
+ <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
+ <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>
+ </mx:VBox>
+
+ <mx:VBox>
+ <mx:Label text="Items in my cart "/>
+ <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/>
+ <!-- Event handler sendMessages() is used to handle event click -->
+ <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
+ click="sendMessage()" selected="true"/>
+ </mx:VBox>
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml b/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml
new file mode 100755
index 0000000..34e4b33
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ColorPicker control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel title="ColorPicker Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select the background color of the VBox container."/>
+ <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
+
+ <mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>
+ <mx:Label text="selectedColor: 0x{cp.selectedColor.toString(16)}"/>
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml b/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml
new file mode 100755
index 0000000..9492913
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate DateChooser control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ // Event handler function to write the selected
+ // date to the Label control.
+ private function displayDate(date:Date):void {
+ if (date == null)
+ selection.text = "Date selected: ";
+ else
+ selection.text = "Date selected: " + date.getFullYear().toString() +
+ '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:DateFormatter id="df"/>
+ </fx:Declarations>
+
+ <mx:Panel title="DateChooser Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a date in the DateChooser control."/>
+ <mx:Label width="100%"
+ text="Select it again while holding down the Control key to clear it."/>
+
+ <mx:HBox horizontalGap="25">
+ <mx:VBox>
+ <mx:Label text="Simple DateChooser control."/>
+ <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"
+ change="displayDate(DateChooser(event.target).selectedDate)"/>
+ <mx:Label id="selection" text="Date selected:"/>
+ </mx:VBox>
+
+ <mx:VBox>
+ <mx:Label text="Disable dates before June 1, 2006."/>
+ <mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
+ disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
+ <mx:Label text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+ </mx:VBox>
+ </mx:HBox>
+
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml b/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml
new file mode 100755
index 0000000..77d9ff0
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the DateField control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ // Event handler for the DateField change event.
+ private function dateChanged(date:Date):void {
+ if (date == null)
+ selection.text = "Date selected: ";
+ else
+ selection.text = "Date selected: " + date.getFullYear().toString() +
+ '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:DateFormatter id="df"/>
+ </fx:Declarations>
+
+ <mx:Panel title="DateField Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a date in the DateField control. Select it again to clear it."/>
+
+ <mx:Label text="Basic DateField:"/>
+ <mx:DateField id="dateField1" yearNavigationEnabled="true"
+ change="dateChanged(DateField(event.target).selectedDate)" />
+ <mx:Label id="selection" text="Date selected:" />
+
+ <mx:Label text="Disable dates on or before June 1, 2006."/>
+ <mx:DateField id="dateField2" yearNavigationEnabled="true"
+ disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
+ <mx:Label text="Date selected: {df.format(dateField2.selectedDate)}"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml b/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml
new file mode 100755
index 0000000..609e3c6
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HScrollBar control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.events.ScrollEvent;
+
+ // Event handler function to display the scroll location
+ // as you move the scroll thumb.
+ private function myScroll(event:ScrollEvent):void
+ {
+ showPosition.text = "HScrollBar properties summary:" + '\n' +
+ "------------------------------------" + '\n' +
+ "Current scroll position: " + event.currentTarget.scrollPosition + '\n' +
+ "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
+ "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel id="panel" title="HScrollBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Click on the scroll bar to view its properties."/>
+
+ <mx:HScrollBar id="bar" width="100%"
+ minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
+ lineScrollSize="50" pageScrollSize="100"
+ scroll="myScroll(event)"
+ repeatDelay="1000" repeatInterval="500" />
+
+ <mx:TextArea height="100%" width="100%" id="showPosition" />
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml b/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml
new file mode 100755
index 0000000..06d9eba
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HorizontalList Control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo1:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo2:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo3:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo4:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo5:Class;
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="HorizontalList Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="A HorizontalList control displays items in a single row."/>
+
+ <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
+ <mx:dataProvider>
+ <fx:Array>
+ <fx:Object label="Logo 1" icon="{logo1}"/>
+ <fx:Object label="Logo 2" icon="{logo2}"/>
+ <fx:Object label="Logo 3" icon="{logo3}"/>
+ <fx:Object label="Logo 4" icon="{logo4}"/>
+ <fx:Object label="Logo 5" icon="{logo5}"/>
+ </fx:Array>
+ </mx:dataProvider>
+ </mx:HorizontalList>
+
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/LabelExample.mxml b/tourdeflexmodules/src/mx/controls/LabelExample.mxml
new file mode 100755
index 0000000..9ca5f4e
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/LabelExample.mxml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Label control -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";
+
+ // Event handler function to change the image size.
+ private function displayHTML():void {
+ simpleLabel.htmlText= htmlData;
+ }
+
+ // Event handler function to change the image size.
+ private function displayText():void {
+ simpleLabel.text="This Label displays plain text.";
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="Label Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label id="simpleLabel" text="This Label displays plain text."/>
+ <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML()"/>
+ <mx:Button id="Clear" label="Click to display plain text" click="displayText()"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml b/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml
new file mode 100755
index 0000000..0b9ef07
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml
@@ -0,0 +1,50 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the LinkBar control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel title="LinkBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Text width="100%"
+ text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
+
+ <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>
+
+ <!-- Define the ViewStack and the three child containers. -->
+ <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
+
+ <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
+ <mx:Label text="Search Screen" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
+ <mx:Label text="Customer Info" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
+ <mx:Label text="Account Info" color="#000000"/>
+ </mx:Canvas>
+ </mx:ViewStack>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml b/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml
new file mode 100755
index 0000000..346bf89
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml
@@ -0,0 +1,40 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the LinkButton control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ import mx.controls.Alert;
+ </fx:Script>
+
+ <mx:Panel title="LinkButton Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select the LinkButton control to open the Alert control."/>
+
+ <mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold"
+ click="Alert.show('LinkButton selected!')"/>
+
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/Local.mxml b/tourdeflexmodules/src/mx/controls/Local.mxml
new file mode 100755
index 0000000..f416e38
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/Local.mxml
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Flex application loaded by the SWFLoader control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+
+ <mx:Label text="The Label control of the embedded application."/>
+
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml b/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml
new file mode 100755
index 0000000..118e506
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml
@@ -0,0 +1,81 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the MenuBar control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%"
+ creationComplete="initCollections()">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.events.MenuEvent;
+ import mx.controls.Alert;
+ import mx.collections.*;
+
+ [Bindable]
+ public var menuBarCollection:XMLListCollection;
+
+ private var menubarXML:XMLList =
+ <>
+ <menuitem label="Menu1" data="top">
+ <menuitem label="MenuItem 1-A" data="1A"/>
+ <menuitem label="MenuItem 1-B" data="1B"/>
+ </menuitem>
+ <menuitem label="Menu2" data="top">
+ <menuitem label="MenuItem 2-A" type="check" data="2A"/>
+ <menuitem type="separator"/>
+ <menuitem label="MenuItem 2-B" >
+ <menuitem label="SubMenuItem 3-A" type="radio"
+ groupName="one" data="3A"/>
+ <menuitem label="SubMenuItem 3-B" type="radio"
+ groupName="one" data="3B"/>
+ </menuitem>
+ </menuitem>
+ </>;
+
+ // Event handler to initialize the MenuBar control.
+ private function initCollections():void {
+ menuBarCollection = new XMLListCollection(menubarXML);
+ }
+
+ // Event handler for the MenuBar control's itemClick event.
+ private function menuHandler(event:MenuEvent):void {
+ // Don't open the Alert for a menu bar item that
+ // opens a popup submenu.
+ if (event.item.@data != "top") {
+ Alert.show("Label: " + event.item.@label + "\n" +
+ "Data: " + event.item.@data, "Clicked menu item");
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="MenuBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a menu item."/>
+
+ <mx:MenuBar labelField="@label" itemClick="menuHandler(event)"
+ dataProvider="{menuBarCollection}" />
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml b/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml
new file mode 100755
index 0000000..4dc5947
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the NumericStepper control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel title="NumericStepper Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Text width="100%"
+ text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
+ <mx:NumericStepper/>
+
+ <mx:Text width="100%"
+ text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>
+
+ <mx:NumericStepper id="ns"
+ minimum="10.00" maximum="40.00"
+ stepSize="0.01"
+ value="20.00"
+ width="65"/>
+
+ <mx:Label text="You selected {ns.value}"/>
+
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml b/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml
new file mode 100755
index 0000000..9e8a5e6
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,208 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%"
+ creationComplete="creationCompleteHandler()">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.rpc.AsyncResponder;
+ import mx.rpc.AsyncToken;
+ import mx.olap.OLAPQuery;
+ import mx.olap.OLAPSet;
+ import mx.olap.IOLAPQuery;
+ import mx.olap.IOLAPQueryAxis;
+ import mx.olap.IOLAPCube;
+ import mx.olap.OLAPResult;
+ import mx.events.CubeEvent;
+ import mx.controls.Alert;
+ import mx.collections.ArrayCollection;
+
+
+ [Bindable]
+ private var flatData:ArrayCollection = new ArrayCollection(
+ [
+ {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:210, cost:25},
+ {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:210, cost:25},
+ {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:250, cost:125},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:430, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:125, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:210, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:320, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:280, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:430, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:470, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:570, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:670, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:210, cost:20},
+ {customer:"BBB", product:"Falcon",quarter:"Q3", revenue:120, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:310, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:385, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:340, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:470, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:270, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:100, cost:25},
+ {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:150, cost:25},
+ {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:200, cost:125},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:300, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:100, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:270, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:370, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:410, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:300, cost:320},
+ {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:510, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:620, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:420, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:240, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:100, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q3", revenue:270, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:370, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:420, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:680, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:570, cost:170}
+ ]);
+
+ private function creationCompleteHandler():void {
+ // You must initialize the cube before you
+ // can execute a query on it.
+ myMXMLCube.refresh();
+ }
+
+ // Create the OLAP query.
+ private function getQuery(cube:IOLAPCube):IOLAPQuery {
+ // Create an instance of OLAPQuery to represent the query.
+ var query:OLAPQuery = new OLAPQuery;
+
+ // Get the row axis from the query instance.
+ var rowQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.ROW_AXIS);
+ // Create an OLAPSet instance to configure the axis.
+ var productSet:OLAPSet = new OLAPSet;
+ // Add the Product to the row to aggregate data
+ // by the Product dimension.
+ productSet.addElements(
+ cube.findDimension("ProductDim").findAttribute("Product").children);
+ // Add the OLAPSet instance to the axis.
+ rowQueryAxis.addSet(productSet);
+
+ // Get the column axis from the query instance, and configure it
+ // to aggregate the columns by the Quarter dimension.
+ var colQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.COLUMN_AXIS);
+ var quarterSet:OLAPSet= new OLAPSet;
+ quarterSet.addElements(
+ cube.findDimension("QuarterDim").findAttribute("Quarter").children);
+ colQueryAxis.addSet(quarterSet);
+
+ return query;
+ }
+
+ // Event handler to execute the OLAP query
+ // after the cube completes initialization.
+ private function runQuery(event:CubeEvent):void {
+ // Get cube.
+ var cube:IOLAPCube = IOLAPCube(event.currentTarget);
+ // Create a query instance.
+ var query:IOLAPQuery = getQuery(cube);
+ // Execute the query.
+ var token:AsyncToken = cube.execute(query);
+ // Setup handlers for the query results.
+ token.addResponder(new AsyncResponder(showResult, showFault));
+ }
+
+ // Handle a query fault.
+ private function showFault(result:Object, token:Object):void {
+ Alert.show("Error in query.");
+ }
+
+ // Handle a successful query by passing the query results to
+ // the OLAPDataGrid control..
+ private function showResult(result:Object, token:Object):void {
+ if (!result) {
+ Alert.show("No results from query.");
+ return;
+ }
+ myOLAPDG.dataProvider= result as OLAPResult;
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:OLAPCube name="FlatSchemaCube"
+ dataProvider="{flatData}"
+ id="myMXMLCube"
+ complete="runQuery(event)">
+
+ <mx:OLAPDimension name="CustomerDim">
+ <mx:OLAPAttribute name="Customer" dataField="customer"/>
+ <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Customer"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="ProductDim">
+ <mx:OLAPAttribute name="Product" dataField="product"/>
+ <mx:OLAPHierarchy name="ProductHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Product"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="QuarterDim">
+ <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
+ <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Quarter"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPMeasure name="Revenue"
+ dataField="revenue"
+ aggregator="SUM"/>
+ </mx:OLAPCube>
+ </fx:Declarations>
+
+ <mx:Panel title="OLAPCube Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml b/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml
new file mode 100755
index 0000000..d24fd98
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the PopUpButton control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.controls.*;
+ import mx.events.*;
+
+ private var myMenu:Menu;
+
+ // Initialize the Menu control, and specify it as the pop up object
+ // of the PopUpButton control.
+ private function initMenu():void {
+ myMenu = new Menu();
+ var dp:Object = [{label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"}];
+ myMenu.dataProvider = dp;
+ myMenu.selectedIndex = 0;
+ myMenu.addEventListener("itemClick", itemClickHandler);
+ popB.popUp = myMenu;
+ popB.label = "Put in: " + myMenu.dataProvider[myMenu.selectedIndex].label;
+ }
+
+ // Define the event listener for the Menu control's itemClick event.
+ private function itemClickHandler(event:MenuEvent):void {
+ var label:String = event.item.label;
+ popTypeB.text=String("Moved to " + label);
+ popB.label = "Put in: " + label;
+ popB.close();
+ myMenu.selectedIndex = event.index;
+ }
+
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="PopUpButton Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Button label contains the name of the last selected menu item." />
+ <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu()" width="135" />
+
+ <mx:Spacer height="50" />
+ <mx:TextInput id="popTypeB" />
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml b/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml
new file mode 100755
index 0000000..96b91a1
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- PopUpMenuButton control example. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.events.*;
+ import mx.controls.*;
+
+ //Event handler, invoked when you select from the menu.
+ public function itemClickHandler(event:MenuEvent):void {
+ Alert.show("Menu label: " + event.label
+ + " \n menu item index within parent menu: " + event.index);
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <!-- A an data provider in E4X format. -->
+ <fx:XMLList id="treeDP2">
+ <node label="Inbox"/>
+ <node label="Calendar"/>
+ <node label="Deleted Items"/>
+ </fx:XMLList>
+ </fx:Declarations>
+
+ <mx:Panel title="PopUpMenuButton Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Click the down arrow to open the menu."/>
+
+ <mx:PopUpMenuButton id="p2"
+ dataProvider="{treeDP2}"
+ labelField="@label"
+ itemClick="itemClickHandler(event)"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml b/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml
new file mode 100755
index 0000000..dc9940b
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml
@@ -0,0 +1,44 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate RadioButton control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ import mx.controls.Alert;
+ </fx:Script>
+
+ <mx:Panel title="RadioButton Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="What year were women first allowed to compete in the Boston Marathon?"/>
+
+ <mx:RadioButton groupName="year" id="option1" label="1942"/>
+ <mx:RadioButton groupName="year" id="option2" label="1952"/>
+ <mx:RadioButton groupName="year" id="option3" label="1962"/>
+ <mx:RadioButton groupName="year" id="option4" label="1972"/>
+
+ <mx:Button label="Check Answer"
+ click="Alert.show(option4.selected?'Correct Answer!':'Wrong Answer', 'Result')"/>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml b/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml
new file mode 100755
index 0000000..0d9101e
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate RadioButtonGroup control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.controls.Alert;
+ import mx.events.ItemClickEvent;
+
+ // Event handler function to display the selected button
+ // in an Alert control.
+ private function handleCard(event:ItemClickEvent):void {
+ if (event.currentTarget.selectedValue == "AmEx") {
+ Alert.show("You selected American Express")
+ }
+ else {
+ if (event.currentTarget.selectedValue == "MC") {
+ Alert.show("You selected MasterCard")
+ }
+ else {
+ Alert.show("You selected Visa")
+ }
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="RadioButtonGroup Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a type of credit card."/>
+
+ <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event)"/>
+ <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx"
+ label="American Express" width="150" />
+ <mx:RadioButton groupName="cardtype" id="masterCard" value="MC"
+ label="MasterCard" width="150" />
+ <mx:RadioButton groupName="cardtype" id="visa" value="Visa"
+ label="Visa" width="150" />
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml b/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml
new file mode 100755
index 0000000..54703e5
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0" ?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the RichTextEditor control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel title="Rich Text Editor Control Example" horizontalAlign="center"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%"
+ text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/>
+
+ <mx:TextArea id="rteText" width="80%" height="25%"/>
+
+ <mx:HBox>
+ <mx:Button label="Show Plain Text" click="rteText.text=rte.text"/>
+ <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText"/>
+ </mx:HBox>
+ </mx:Panel>
+
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml b/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml
new file mode 100755
index 0000000..4a64025
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml
@@ -0,0 +1,78 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Alert control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.controls.Alert;
+ import mx.events.CloseEvent;
+
+ // Event handler function uses a static method to show
+ // a pop-up window with the title, message, and requested buttons.
+ private function clickHandler(event:Event):void {
+ Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);
+ }
+
+ // Event handler function for displaying the selected Alert button.
+ private function alertClickHandler(event:CloseEvent):void {
+ if (event.detail==Alert.YES)
+ status.text="You answered Yes";
+ else
+ status.text="You answered No";
+ }
+
+ // Event handler function changes the default Button labels and sets the
+ // Button widths. If you later use an Alert with the default Buttons,
+ // you must reset these values.
+ private function secondClickHandler(event:Event):void {
+ Alert.buttonWidth = 100;
+ Alert.yesLabel = "Magenta";
+ Alert.noLabel = "Blue";
+ Alert.cancelLabel = "Green";
+
+ Alert.show("Select a color:","Color Selection",1|2|8,this);
+
+ // Set the labels back to normal:
+ Alert.yesLabel = "Yes";
+ Alert.noLabel = "No";
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="Alert Control Example" horizontalAlign="center"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+ <mx:Text width="100%" textAlign="center"
+ text="Click the button below to display a simple Alert window."/>
+ <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message')"/>
+
+ <mx:Text width="100%" textAlign="center"
+ text="Click the button below to display an Alert window and capture the button pressed by the user."/>
+ <mx:Button label="Click Me" click="clickHandler(event)"/>
+ <mx:Label id="status" fontWeight="bold"/>
+
+ <mx:Text width="100%" textAlign="center"
+ text="Click the button below to display an Alert window that uses custom Button labels."/>
+ <mx:Button label="Click Me" click="secondClickHandler(event)"/>
+ </mx:Panel>
+
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml b/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml
new file mode 100755
index 0000000..353e72c
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ComboBox control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ public var cards:ArrayCollection = new ArrayCollection(
+ [ {label:"Visa", data:1},
+ {label:"MasterCard", data:2},
+ {label:"American Express", data:3} ]);
+
+ private function closeHandler(event:Event):void {
+ myLabel.text = "You selected: " + ComboBox(event.target).selectedItem.label;
+ myData.text = "Data: " + ComboBox(event.target).selectedItem.data;
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="ComboBox Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:ComboBox dataProvider="{cards}" width="150"
+ close="closeHandler(event)"/>
+
+ <mx:VBox width="250">
+ <mx:Text width="200" text="Select a type of credit card."/>
+ <mx:Label id="myLabel" text="You selected:"/>
+ <mx:Label id="myData" text="Data:"/>
+ </mx:VBox>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml b/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml
new file mode 100755
index 0000000..7624a9c
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml
@@ -0,0 +1,81 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- DataGrid control example. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Declarations>
+ <fx:XMLList id="employees">
+ <employee>
+ <name>Christina Coenraets</name>
+ <phone>555-219-2270</phone>
+ <email>ccoenraets@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ <employee>
+ <name>Joanne Wall</name>
+ <phone>555-219-2012</phone>
+ <email>jwall@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ <employee>
+ <name>Maurice Smith</name>
+ <phone>555-219-2012</phone>
+ <email>maurice@fictitious.com</email>
+ <active>false</active>
+ </employee>
+ <employee>
+ <name>Mary Jones</name>
+ <phone>555-219-2000</phone>
+ <email>mjones@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ </fx:XMLList>
+ </fx:Declarations>
+
+ <mx:Panel title="DataGrid Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
+ text="Select a row in the DataGrid control."/>
+
+ <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
+ <mx:columns>
+ <mx:DataGridColumn dataField="name" headerText="Name"/>
+ <mx:DataGridColumn dataField="phone" headerText="Phone"/>
+ <mx:DataGridColumn dataField="email" headerText="Email"/>
+ </mx:columns>
+ </mx:DataGrid>
+
+ <mx:Form width="100%" height="100%">
+ <mx:FormItem label="Name">
+ <mx:Label text="{dg.selectedItem.name}"/>
+ </mx:FormItem>
+ <mx:FormItem label="Email">
+ <mx:Label text="{dg.selectedItem.email}"/>
+ </mx:FormItem>
+ <mx:FormItem label="Phone">
+ <mx:Label text="{dg.selectedItem.phone}"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml b/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml
new file mode 100755
index 0000000..6070a3c
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HRule control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Declarations>
+ <mx:WipeLeft id="myWL"/>
+ </fx:Declarations>
+
+ <mx:Panel title="HRule Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/>
+ <mx:Label width="100%"
+ text="Move mouse over HorizontalRule control to redraw it."/>
+
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImage.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleImage.mxml b/tourdeflexmodules/src/mx/controls/SimpleImage.mxml
new file mode 100755
index 0000000..fe9ed5e
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleImage.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Image control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel id="myPanel" title="Image Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label text="Image embedded in the application."/>
+ <mx:Image source="@Embed('assets/ApacheFlexLogo.png')" width="50%" height="50%" />
+
+ </mx:Panel>
+</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml b/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml
new file mode 100755
index 0000000..b457b22
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml
@@ -0,0 +1,60 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HSlider control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ private var imageWidth:Number = 0;
+ private var imageHeight:Number = 0;
+
+ // Event handler function to change the image size.
+ private function changeSize():void
+ {
+ logo.width = uint(imageWidth*hSlider.value/100);
+ logo.height = uint(imageHeight*hSlider.value/100);
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel id="panel" title="HSlider Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:HBox height="100%" width="100%">
+ <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')"
+ creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" />
+ </mx:HBox>
+
+ <mx:Label text="Drag the slider to resize the image."/>
+
+ <mx:HSlider id="hSlider" minimum="0" maximum="100" value="50"
+ dataTipPlacement="top"
+ tickColor="black"
+ snapInterval="1" tickInterval="10"
+ labels="['0%','100%']"
+ allowTrackClick="true"
+ liveDragging="true"
+ change="changeSize()"/>
+ </mx:Panel>
+</mx:Module>
+
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml
----------------------------------------------------------------------
diff --git a/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml b/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml
new file mode 100755
index 0000000..64d74ff
--- /dev/null
+++ b/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the VSlider control. -->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
+ <![CDATA[
+
+ private var imageWidth:Number = 0;
+ private var imageHeight:Number = 0;
+
+ // Event handler function to change the image size.
+ private function changeSize():void
+ {
+ logo.width=uint(imageWidth*hSlider.value/100);
+ logo.height=uint(imageHeight*hSlider.value/100);
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel id="panel" title="VSlider Control Example" layout="horizontal"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:HBox width="50%">
+ <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')"
+ creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" />
+ </mx:HBox>
+
+ <mx:VBox horizontalAlign="center">
+ <mx:Label text="Drag the slider to resize the image."/>
+
+ <mx:VSlider id="hSlider"
+ dataTipPlacement="top"
+ minimum="0" maximum="100" value="50"
+ tickColor="black"
+ snapInterval="1" tickInterval="10"
+ labels="['0%','100%']"
+ allowTrackClick="true"
+ liveDragging="true"
+ change="changeSize()"/>
+ </mx:VBox>
+
+ </mx:Panel>
+</mx:Module>
+