Definition:

         The List control is displays a vertical list of items.

Source Code:

<?xml version=”1.0″?>

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

<mx:Script>
<![CDATA[
[Bindable]
public var selectedItem:Object;
]]>
</mx:Script>

<mx:Model id=”mystates”>
<states>
<state label=”TamilNadu” data=”TN”/>
<state label=”America” data=”USA”/>
<state label=”South Africa” data=”SA”/>
<state label=”London” data=”UK”/>
<state label=”Kerala” data=”KL”/>
<state label=”Karnataka” data=”KA”/>
<state label=”West Indics” data=”WI”/>
</states>
</mx:Model>

<mx:Panel title=”List Control ” height=”75%” width=”75%”
paddingTop=”10″ paddingBottom=”10″ paddingLeft=”10″ paddingRight=”10″>

<mx:Label text=”Select a state to see its abbreviation.”/>

<mx:List id=”source” width=”100%” color=”Green”
dataProvider=”{mystates.state}”
change=”this.selectedItem=List(event.target).selectedItem”/>

<mx:VBox width=”100%”>
<mx:Label text=”Selected State: {selectedItem.label}”/>
<mx:Label text=”State abbreviation: {selectedItem.data}”/>
</mx:VBox>

</mx:Panel>
</mx:Application>

with regards,
pachamuthu.p