Home : Projects : Flex Builder

Control List Based Application

.mxml code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
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)
{
//Display the selected subscriptions, seperated by commas
userDetails += selectedSubscriptionItems[i].label + ", ";
}
//Remove the last comma and space from the string we&apos;re displaying
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 your 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>

html code: