几个限定选项中选择一个的不同实现

1)下拉框Combobox

<fx:Declarations>

<fx:Model id="lbList">
   <states>
    <state label="请选择批量操作" data="00"/>
    <state label="加入特价商品表" data="01"/>
    <state label="加入团购商品表" data="02"/>
    <state label="商品下架" data="03"/>
    <state label="商品上架" data="04"/>
    <state label="统一调价" data="05"/>
    <state label="分别调价" data="06"/>
    <state label="统一调库存" data="07"/>
    <state label="分别调库存" data="08"/>
    <state label="商品分类" data="09"/>
    <state label="商品品牌" data="10"/>
   </states>

 

 

</fx:Declarations>

 

 

 

<fx:Script>
  <![CDATA[

protected function plcz_changeHandler(event:Event):void
   {

        if(ComboBox(event.target).selectedItem.data=="01" && gridSplb.selectedItems!=null){
           TeJiaSpTilleWindow = new TeJiaSpTitleWindow();
           var tj_add_tjbList:ArrayCollection = new ArrayCollection();
          for each(var obj:DmSp in gridSplb.selectedItems) {
          tj_add_tjbList.addItem(obj);
        }    
         TeJiaSpTilleWindow.Add_list= tj_add_tjbList;
         plcz.selectedIndex=0;
         TeJiaSpTilleWindow.addEventListener(EventType.DATA_ADDED_EVENT,AddTjsp_Handler);
         PopUpManager.addPopUp(TeJiaSpTilleWindow,this.parentApplication as DisplayObject,true);
        PopUpManager.centerPopUp(TeJiaSpTilleWindow);
     
      }
       else if....

  }

 

 

 

 

 ]]>
 </fx:Script>

 

 

 

<mx:ComboBox height="25" id="plcz" dataProvider="{lbList.state}" change="plcz_changeHandler(event)"/>

 

 

2)DropDownList

 

 

 <s:DropDownList id="alignVal" prompt="left" change="this.changeHandler()">
                        <s:dataProvider>
                            <mx:ArrayList>
                                <fx:String>left</fx:String>
                                <fx:String>right</fx:String>
                                <fx:String>center</fx:String>
                                <fx:String>justify</fx:String>
                                <fx:String>start</fx:String>
                                <fx:String>end</fx:String>
                            </mx:ArrayList>
                        </s:dataProvider>
                    </s:DropDownList>

 

 

3）FLEX4 相对 FLEX3的组件变化列表中列出以这么一项：

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

官方解释如下：

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

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

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

（NumericStepper也可以在提示区域中输入新项  如<s:NumericStepper  maximum="200" value="100" stepSize="2" />）

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

下面给出一段示例：

+ expand sourceview plaincopy to clipboardprint?

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/meteorlWJ/archive/2010/04/14/5486063.aspx