下拉列表控件实例 ComboBoxControl

下拉列表控件实例

书：151页

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    <!-- 下拉列表控件实例 -->
    <fx:Script>
        <![CDATA[
            import spark.events.DropDownEvent;
            [Bindable]public var selectedItem:Object;
            
            protected function combobox1_closeHandler(event:DropDownEvent):void
            {
                // TODO Auto-generated method stub
                
            }
            
        ]]>
    </fx:Script>
    
    <mx:Panel title="下拉列表控件实例" height="75%" width="75%" paddingTop="10" paddingLeft="10">
        <mx:ComboBox close="selectedItem=ComboBox(event.target).selectedItem" editable="true">
            <mx:dataProvider>
                <mx:ArrayCollection>
                    <mx:source>
                        <fx:Object label="青海" data="西宁"/>
                        <fx:Object label="甘肃" data="兰州"/>
                        <fx:Object label="宁夏" data="银川"/>
                        <fx:Object label="陕西" data="西安"/>
                        <fx:Object label="新疆" data="乌鲁木齐"/>
                        <fx:Object label="西藏" data="拉萨"/>
                    </mx:source>
                </mx:ArrayCollection>
            </mx:dataProvider>
        </mx:ComboBox>
        <mx:Label id="lb1" text="您选择了：{selectedItem.label},省会：{selectedItem.data}" />
    </mx:Panel>
</s:Application>