下拉列表控件实例 ComboBoxControl

曾经终败给现在 2021-09-29 08:04 263阅读 0赞

下拉列表控件实例

书：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>

![1413739-20190410145112849-88672854.png][]

转载于:https://www.cnblogs.com/yingyigongzi/p/10683390.html

[1413739-20190410145112849-88672854.png]: /images/20210725/2f5471e9fe0442068de1583c8fa43584.png