在spark组件中ComboBox增加了prompt属性,类似于在选择框增加一个提示信息,例如 “--请选择--”,但是adobe还增加了一个更加实用的功能,ComboBox可以输入文字进行过滤列表,匹配上的会着色加重显示。
简单的例如代码如下:
<?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>
<s:layout>
<s:VerticalLayout paddingLeft="20" paddingRight="20"/>
</s:layout>
<s:Label text="The selected index is: {myCB.selectedIndex}"/>
<s:Label text="The selected item is: {myCB.selectedItem}"/>
<s:ComboBox id="myCB" width="140" prompt="Select a Color">
<s:dataProvider>
<mx:ArrayList>
<fx:String>Red</fx:String>
<fx:String>Orange</fx:String>
<fx:String>Yellow</fx:String>
<fx:String>Blue</fx:String>
<fx:String>Green</fx:String>
</mx:ArrayList>
</s:dataProvider>
</s:ComboBox>
</s:Application>
过滤效果见下图


- 大小: 8 KB
分享到:
相关推荐
1. 首先,创建一个新的ActionScript类,继承自MX的ListBaseItemRenderer或Spark的ItemRenderer。 2. 在这个类中,我们需要添加CheckBox实例,并将其布局在适当的位置。 3. 设置CheckBox的事件监听器,当用户点击...
我们需要创建一个新的类,继承自ComboBox,并覆盖open方法,用以设置dropdown为一个Tree实例。 接着,我们需要处理数据源的问题。在Flex中,Tree的数据源通常是XML或ArrayCollection。对于ArrayCollection,每个...
在Flex中,我们可以使用MX组件库中的ComboBox类或Spark组件库中的ComboBox类。为了实现自动过滤,我们需要监听TextInput的键盘事件,如change事件,然后根据输入的字符过滤List的数据源。 博客中提到的`...
你需要创建一个新的AS3类,继承自MX:ListBase或Spark:ListBase,然后在其中添加Checkbox组件,并设置其样式和事件处理程序。 ```actionscript public class CheckboxItemRenderer extends ItemRenderer { private ...
首先,我们需要创建一个新的ActionScript类作为ItemRenderer,继承自mx.controls.listClasses.ListItemRenderer(对于Flex 4.x,可能是spark.components.LabelItemRenderer)。在ItemRenderer中,我们将添加一个...
为了在`DataGrid` 的某一列实现下拉列表,我们需要创建一个新的组件类,继承自`mx.controls.ComboBox` 或 `spark.components.DropDownList`,然后根据需求进行定制。这可能包括调整样式、添加事件监听器、处理特定的...
这可以通过绑定`_filteredData`到另一个列表组件的`dataProvider`属性来实现,例如`List`或`ComboBox`。 ```mxml ``` 通过这种方式,当用户在文本框中输入字符时,与输入字符相关的数据就会动态地在列表中显示...
自己写一个方法实现以固定符号为分割的将字符换转换成数组的功能,也就是将第13题目的功能自己实现。 - **答案**: - **示例代码**: ```as3 function splitString(str:String, separator:String):Array { var...