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的值

 

 

 <? 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"   creationComplete = "init()" >

     < fx:Declarations >
         <!-- Place non-visual elements (e.g., services, value objects) here -->
         < fx:Array   id = "queryField" >
             < fx:Object   dataField = "requestStatuId"    headerText = "RequestId" />
             < fx:Object   dataField = "executeName"    headerText = "ExecuteName" />
             < fx:Object   dataField = "executeCode"   headerText = "ExecuteCode" />
         </ fx:Array >
         < s:ArrayList   id = "queryField1" >
             < fx:Object   dataField = "requestStatuId"    headerText = "RequestId" />
             < fx:Object   dataField = "executeName"    headerText = "ExecuteName" />
             < fx:Object   dataField = "executeCode"   headerText = "ExecuteCode" />
         </ s:ArrayList >
     </ fx:Declarations >
     < s:Panel   x = "448"   y = "159"   width = "250"   height = "200" >
         < mx:ComboBox   x = "73"   y = "10"   dataProvider = "{queryField}"   labelField = "headerText"   selectedIndex = "0" />
         < s:DropDownList   x = "73"   y = "50"   dataProvider = "{queryField1}"   labelField = "headerText"   selectedIndex = "0" />
     </ s:Panel >
 </ s:Application >