`
joe.feng
  • 浏览: 134114 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Flex的Combobox组件

    博客分类:
  • Flex
阅读更多

1、显示提示
设置Prompt属性可以为Combobox添加一个默认提示。如果没有设置selectedIndex,默认selectedIndex=-1,就显示Prompt的内容。
Flex3如果不设置Prompt,默认选择第一项。Flex4如果不设置Prompt,那么默认是空的。

2、处理文字过长
Flex4中的Combobox文字过长时,会显示滚动条。我们讨论Flex3如何处理文字过长的问题。
设置其itemRenderer为Label即可显示出省略号和ToolTip。几乎所有含有标签的组件遇到文字过长的问题都可以用该方法解决。
<mx:ComboBox itemRenderer="mx.controls.Label"/>
另外还可以设置下拉列表的宽度:
<mx:ComboBox dropdownWidth="300" />

 

3、允许下拉列表显示多行文字
设置itemRenderer为mx.controls.Text即可。有的文章说还需要在open事件中获得Combobox.dropDown获取下 拉列表的引用。然后设置下拉列表的variableRowHeight为true。实际实现只需设置itemRenderer即可。

 

protected function cb_openHandler(event:DropdownEvent):void
{
  cb.dropdown.variableRowHeight = true;
}
<mx:ComboBox id="cb" dataProvider="{ac}" width="200"
    open="cb_openHandler(event)" itemRenderer="mx.controls.Text"/>

 

4、为下拉列表添加图标

[Embed("assets/1.png")]
private var pngClass:Class;
private function cb_openHandler(event:DropdownEvent):void
{
    cb.dropdown.variableRowHeight = true;
    cb.dropdown.iconFunction = iconFunc;
}           
private function iconFunc(item:Object):Class{
    return pngClass;
}
<mx:ComboBox id="cb" dataProvider="{ac}" labelField="value" open="cb_openHandler(event)" />

 

5、创建联动的Combobox

 

[Bindable]
private var myXML:XML = 
<root>
<parent name="大类1">
<child name="大类1-小类1"/>
<child name="大类1-小类2"/>
<child name="大类1-小类3"/>
</parent>
<parent name="大类2">
<child name="大类2-小类1"/>
<child name="大类2-小类2"/>
<child name="大类2-小类3"/>
</parent>
</root>
<mx:ComboBox id="cb1" dataProvider="{myXML.parent}" labelField="@name"/>
<mx:ComboBox id="cb2" dataProvider="{cb1.selectedItem.child}" labelField="@name"/>

 

 

6、其他特性
  openEasingFunction和closeEasingFunction用于设置弹出和关闭下拉列表时的动画效果,这对于其他含有下拉列表的组件也适用,比如ColorPicker。
  openDuration和closeDuration用于设置弹出和关闭下拉列表的动画持续时间。
  editable用于设置是否可以编辑,默认是false
  rowCount用于设置下拉列表显示的最大行数,如果实际数据超过最大行数,则显示滚动条
  open方法在打开下拉列表时触发,close方法在关闭下拉列表时触发
分享到:
评论

相关推荐

    Flex设置下拉框ComboBox组件在不可编辑状态下的选中样式

    在Flex开发中,ComboBox组件是一种常用的用户界面元素,它结合了文本输入框和下拉列表的功能,用户可以从中选择一个项目。在某些情况下,我们可能希望禁用ComboBox的编辑功能,使其变为只读模式,同时还要保持良好的...

    flex combobox联动demo

    1. **Combobox组件**:Flex SDK提供了Combobox组件,它是ListBase类的子类,包含一个可选的下拉列表。你可以通过`&lt;mx:ComboBox&gt;`或`&lt;s:ComboBox&gt;`(Spark版本)标签来创建。 2. **数据绑定**:联动效果的核心是数据...

    flex ComboBox checkbox

    在Flex编程中,ComboBox是一个常用的组件,用于提供下拉列表让用户选择。这个“flex ComboBox checkbox”的主题涉及到在ComboBox中集成复选框(checkbox)的功能,这使得用户可以选择多个选项,而不仅仅是单选。下面...

    flex combobox 输入过滤实例

    压缩包中的`FilterComboBox`可能是一个自定义的Combobox组件,扩展了Flex的原始Combobox,集成了输入过滤功能。你可以直接使用这个组件,避免重复编写过滤逻辑。 通过以上内容,我们理解了如何在Flex 4环境中实现...

    Flex 联想ComboBox通用组件(可识别汉语拼音和汉字)

    1.采用ActionScript3.0编写。 2.仿Google联想输入框。 3.可识别汉语拼音,字符及汉字。 4.精简算法,能够秒出内容。 5.带有注释。...在Flex 可视化编辑界面直接拖出就行。 有问题或者BUG 可联系QQ:408955289

    Flex ComboBox 树形控件

    下面将详细介绍Flex Tree形ComboBox组件的各个方面。 1. **组件结构**: Flex Tree形ComboBox由两部分组成:一个可编辑的文本输入框和一个下拉列表。下拉列表中包含一个层次化的树结构,用户可以通过展开和折叠...

    flex实现 ComboBox中下拉checkbox

    首先,我们要理解Flex中的ComboBox组件。ComboBox继承自ListBase类,由一个输入框和一个下拉列表组成。用户可以在输入框中输入文字,也可以点击下拉箭头打开列表进行选择。要实现下拉列表中带有Checkbox的效果,我们...

    flex组件介绍

    ### Flex组件介绍与详解 Flex是一种用于开发交互式应用程序的开源框架,由Adobe Systems创建,主要应用于Adobe Flash Player和Adobe AIR。Flex提供了丰富的用户界面组件库,这些组件可以帮助开发者快速构建高质量的...

    flex中ComboBox嵌套checkbox的例子以及源代码

    1. **自定义ComboBox组件**: - 首先,我们需要创建一个新的MXML组件,继承自Flex的`mx.controls.ComboBox`类。 - 在这个新组件中,我们重写`itemRenderer`属性,使每个下拉选项都包含一个Checkbox。通常,`...

    Flex 下拉框为Tree的ComboBox

    另外,如果需要跨平台或响应式设计,还可以考虑使用Spark或Mobile的ComboBox组件进行相应调整。 总之,"Flex下拉框为Tree的ComboBox"是一种实用的组件,它扩展了标准ComboBox的功能,能够处理复杂的数据结构。通过...

    Flex4_ProgressBar_Combobox_NumericStepper

    在Flex4中,ComboBox组件提供了丰富的定制选项,如设置数据源、选择项模板、启用过滤等功能。数据源可以是数组、XML列表或其他数据结构,用户可以通过选择项模板自定义列表中每个项目的外观。此外,ComboBox还支持...

    flex组件之验证组件实例源码

    Flex组件是Adobe Flex框架中的重要组成部分,用于构建富互联网应用程序(RIA)。在Flex中,验证组件扮演着关键角色,确保用户输入的数据满足特定的格式和规则,从而提高应用的准确性和安全性。本压缩包提供了11个...

    Flex UI组件使用全集

    - **ComboBox**: 结合了文本输入和下拉列表功能的组件。 - **DataGrid**: 用于展示表格数据的组件。 - **HorizontalList**: 水平排列项目的列表组件。 - **HRule**: 用于绘制水平分隔线。 - **HScrollBar**: 水平...

    Flex实现自动过滤ComboBox

    在Flex编程中,ComboBox是一个常用的组件,用于展示可选择的下拉列表。它结合了输入框和下拉列表的功能,用户可以直接输入或者从列表中选择一个选项。在某些场景下,我们可能希望实现ComboBox的自动过滤功能,即当...

    flex datagrid 中实现combobox联动

    在Flex编程中,数据网格(DataGrid)是用于展示大量结构化数据的组件,而ComboBox是一种下拉选择框,常用于提供用户可选择的选项。当我们需要在DataGrid的不同列中实现ComboBox的联动效果时,即在一个ComboBox的选择...

    Flex 3 组件实例与应用(2009版)

    ### Flex 3 组件实例与应用(2009版) #### 一、概述 《Flex 3 组件实例与应用》是一本针对初学者学习Adobe Flex 3框架及其组件的指南书籍。这本书由作者Dason编写,内容覆盖了Flex 3中的多种组件及其用法,并通过...

    flex DataGrid 嵌入Combobox列拖动下拉条数据混乱

    在Flex开发中,DataGrid是一种常用的组件,用于展示表格数据,而Combobox列则可以提供下拉选择功能,增强用户交互。然而,在实际应用中,我们可能会遇到一些问题,比如在DataGrid中嵌入Combobox列,并且允许用户拖动...

    Flex DataGrid 内嵌ComboBox 再内嵌一个 DataGrid

    本文将深入探讨如何在Flex DataGrid组件中内嵌ComboBox,并且ComboBox中再内嵌一个DataGrid,这是一项高级的UI设计技术,能够提供复杂的数据展示和交互功能。 首先,让我们理解Flex DataGrid组件。DataGrid是Flex中...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...

Global site tag (gtag.js) - Google Analytics