ComboBox 与DropDownList

上网找了下，转来这个文章。自己看看怕忘记

mx.controls.ComboBox      ->    spark.components.DropDownList

 

 

   ComboBox 控件是 DropDownListBase 控件的子类。与 DropDownListBase 控件类似，当用户从 ComboBox 控件的下拉列表中选择某项时，数据项将显示在控件的提示区域中。

    这两个控件之间的一个区别是，ComboBox 控件的提示区域是使用 TextInput 控件实现的，而 DropDownList 控件是通过 Label 控件实现的。因此，用户可以编辑控件的提示区域，以输入非预定义选项之一的值。

    例如，DropDownList 控件仅允许用户从控件的预定义项列表中进行选择。ComboBox 控件允许用户既可以从预定义项中选择，也可以在提示区域中输入新项。您的应用程序可以识别已输入一个新项，（可选）并将其添加到控件的项列表中。

ComboBox 控件还可以当用户在提示区域中输入字符时搜索项列表。当用户输入字符时，将打开控件的下拉区域，然后滚动到项列表中最接近的匹配项并加亮。

今天在测试使用<s:ComboBox dataProvider="{provider}" labelField="label"/>时发现编译没报错，但运行后却始终也显示不出控件。上网搜了一下，发现原来控件被替换了。

针对FLEX3中ComboBox的用法，在FLEX4中应改成以下用法：

<s:DropDownList dataProvider="{provider}" labelField="label"/>

或

<mx :ComboBox dataProvider="{provider}" labelField="label"/>

需要注意的是：

1）DropDownList的DataProvider不能是Array类型的

2）DropDownList默认显示时与ComboBox不一样，需要手动指定 selectedIndex的值

 

 

1. <? xml   version = "1.0"   encoding = "utf-8" ?>   
2. < s:Application   xmlns:fx = "http://ns.adobe.com/mxml/2009"    
3.                xmlns:s = "library://ns.adobe.com/flex/spark"    
4.                xmlns:mx = "library://ns.adobe.com/flex/mx"   minWidth = "955"   minHeight = "600"   creationComplete = "init()" >   
5.       
6.     < fx:Declarations >   
7.         <!-- Place non-visual elements (e.g., services, value objects) here -->   
8.         < fx:Array   id = "queryField" >   
9.             < fx:Object   dataField = "requestStatuId"    headerText = "RequestId" />   
10.             < fx:Object   dataField = "executeName"    headerText = "ExecuteName" />   
11.             < fx:Object   dataField = "executeCode"   headerText = "ExecuteCode" />   
12.         </ fx:Array >   
13.         < s:ArrayList   id = "queryField1" >   
14.             < fx:Object   dataField = "requestStatuId"    headerText = "RequestId" />   
15.             < fx:Object   dataField = "executeName"    headerText = "ExecuteName" />   
16.             < fx:Object   dataField = "executeCode"   headerText = "ExecuteCode" />   
17.         </ s:ArrayList >   
18.     </ fx:Declarations >   
19.     < s:Panel   x = "448"   y = "159"   width = "250"   height = "200" >   
20.         < mx:ComboBox   x = "73"   y = "10"   dataProvider = "{queryField}"   labelField = "headerText"   selectedIndex = "0" />   
21.         < s:DropDownList   x = "73"   y = "50"   dataProvider = "{queryField1}"   labelField = "headerText"   selectedIndex = "0" />   
22.     </ s:Panel >   
23. </ s:Application >