加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex的Combobox组件(Prompt属性、文字过长...特性)

发布时间:2020-12-15 05:01:14 所属栏目:百科 来源:网络整理
导读:原文地址:http://joe-feng.iteye.com/blog/1402008 1、显示提示 设置Prompt属性可以为Combobox添加一个默认提示。如果没有设置selectedIndex,默认selectedIndex=-1,就显示Prompt的内容。 Flex3如果不设置Prompt,默认选择第一项。Flex4如果不设置Prompt,

原文地址:http://joe-feng.iteye.com/blog/1402008


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即可。

?

As代码?
  1. protected?function?cb_openHandler(event:DropdownEvent):void??
  2. {??
  3. ??cb.dropdown.variableRowHeight?=?true;??
  4. }??
  5. <mx:ComboBox?id="cb"?dataProvider="{ac}"?width="200"??
  6. ????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"/>??
  • </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方法在关闭下拉列表时触发

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读