THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
...
<js:List id="list" labelField="label" change="onChange(event)"/>
<fx:Script>
<![CDATA[
private function onChange(event:Event):void
{
var selectedIndex:int = list.selectedIndex;
var selectedItem:Object = list.selectedItem;
trace("index:", selectedIndex);
trace("label:", selectedItem.label);
}
]]>
</fx:Script>
Change list appearance
Set font styles in a single label:
<js:List>
<js:style>
<js:SimpleCSSStyles fontFamily="serif" fontSize="20"
fontWeight="bold" fontStyle="italic" color="#ff0000"/>
</js:style>
</js:List>
Set a list's border styles:
<js:List>
<js:style>
<js:SimpleCSSStyles borderStyle="solid" borderWidth="2"
borderColor="#ff0000" borderRadius="4"/>
</js:style>
</js:List>
Set a list's background color:
<js:List>
<js:style>
<js:SimpleCSSStyles backgroundColor="#ffcccc"/>
</js:style>
</js:List>