flex DropDownList 的使用

1. 常用属性、方法

名称

分类

说明

requireSelection：Boolean

属性

如果为 true，则必须始终在控件中选中数据项目并且始终将selectedIndex 属性设置0和(dataProvider.length - 1) 之间的一个值。默认值为 false。

selectedIndex：int

属性

选中项目的基于 0 的索引；或者如果未选中项目，则为基于 -1 的索引。该值始终在 -1 和 (dataProvider.length - 1) 之间

Prompt：string

属性

在未选择任何一项时提示区域显示的文本, 提示是当 selectedIndex = -1 时在 DropDownList 中显示的 String

dataProvider

属性

此 DataGroup 的数据提供程序。它必须为 IList。

在 Flex 框架中包含多个 IList 实现，包括 ArrayCollection、ArrayList 和 XMLListCollection。

此属性可用作数据绑定的源。

itemRenderer（待查）[2]

属性

用于数据项目的项呈示器。该类必须实现 IDataRenderer 接口。如果已定义，则 itemRendererFunction 属性优先于此属性。

alpha :Number

属性

指示指定对象的 Alpha 透明度值。有效值为 0（完全透明）到 1（完全不透明）。默认值为 1。alpha 设置为 0 的显示对象是活动的，即使它们不可见。

labelField :String

属性

数据提供的项目中作为标签显示的字段名称（

2.定义数据源

DataProvider为DropDownList提供下拉菜单的数据，其可以是ArrayCollection类型的。

在As3.0代码中定义一个数据源，代码如下：

public var myData:ArrayCollection = new ArrayCollection(

[{id:"1001",name:"Apple"},

{id:"1001",name:"Dell"},

{id:"1003",name:"IBM"}]);

3.在Lable标签中显示在下拉列表中选中的数据

<s:DropDownList id="dp" x="321" y="291" width="145" dataProvider="{myData}" labelField="name" prompt="please choose one" borderColor="blue"></s:DropDownList>

<s:Label x="485" y="298" text="{dp.selectedItem.name}"/>

selectedIndex的理解

1. requireSelection的默认值为false，

<s:DropDownList x="160" y="90" width="202" height="26" requireSelection="true" dataProvider="{myData}"labelField="name" prompt="请选择"/>

还定义一个Lable标签用来显示selectIndex值的变化

代码如下：

<s:Label x="164" y="190" text="标签" width="147" height="22" id="lb"/>

定义一个change事件当所选内容已更改后分派实现输出selectIndex的值

代码如下：

protected function dropdownlist1_changeHandler(event:IndexChangeEvent):void

{

lb.text="selectIndex的值是"+dl.selectedIndex;

}

（我们可以看到由于设置requireSelection的值为true，那么selectedIndex的值就只0和(dataProvider.length - 1) 之间的取值，而prompt属性的内容是在selectedIndex值为-1时显示，故当requireSelection的值为true时，prompt的内容永远不会显示。）

3.2      属性的实例

指示指定对象的 Alpha 透明度值。有效值为 0（完全透明）到 1（完全不透明）。默认值为 1，我们设置其值为0.5来看看效果。

代码如下：

<s:DropDownList x="101" y="121" width="153" height="28" alpha="0.5"></s:DropDownList>