<mx:Application
xmlns:mx=" http://www.adobe.com/2006/mxml"
viewSourceURL="src/ControlsListBased/index.html"
layout="horizontal" width="460" height="360"
>
<mx:Script>
<![CDATA[
import flash.events.MouseEvent;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
private const NL:String = "\r";
// A data provider created by using ActionScript
[Bindable]
private var subscriptions:ArrayCollection =
new ArrayCollection
(
[
{data:0, label:"Print"},
{data:1, label:"Website"},
{data:2, label:"RSS (text)"},
{data:3, label:"Podcast"}
]
);
private function submitButtonClickHandler(event:MouseEvent):void
{
var userDetails:String = "You submitted the following details:" + NL + NL;
userDetails += "Name: " + userName.text + NL;
userDetails += "Email: " + userEmail.text + NL;
userDetails += "Site rating: " + userRating.selectedItem.label + NL + NL;
userDetails += "Subscriptions:";
var selectedSubscriptionItems:Array = userSubscriptions.selectedItems;
for ( var i:String in selectedSubscriptionItems)
{
userDetails += selectedSubscriptionItems[i].label + ", ";
}
userDetails = userDetails.substring(0, userDetails.length-2);
Alert.show ( userDetails );
}
]]>
</mx:Script>
<mx:Panel title="Feedback form" width="99%" paddingLeft="10" paddingTop="10" paddingRight="10" paddingBottom="10" layout="vertical">
<mx:Text text="Thank you for giving us feedback:" width="100%" fontWeight="bold"/>
<mx:Form width="100%">
<mx:FormItem label="Name:" width="100%">
<mx:TextInput id="userName" />
</mx:FormItem>
<mx:FormItem label="Email:" width="100%">
<mx:TextInput id="userEmail" />
</mx:FormItem>
<mx:FormItem label="Site rating:" width="100%">
<mx:ComboBox id="userRating" width="100%">
<!-- An inline data provider -->
<mx:Array>
<mx:Object data="0" label="Zero" />
<mx:Object data="1" label="One" />
<mx:Object data="2" label="Two" />
<mx:Object data="3" label="Three" />
<mx:Object data="4" label="Four" />
</mx:Array>
</mx:ComboBox>
</mx:FormItem>
<mx:FormItem label="Subscriptions:" width="100%">
<mx:List id="userSubscriptions" rowCount="3" allowMultipleSelection="true" width="100%" dataProvider="{subscriptions}"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar x="120" y="258" horizontalAlign="center">
<mx:Button id="submitButton" label="Submit" click="submitButtonClickHandler(event);"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>