ComboBox与itemRenderer（引用半杯咖啡 Flex文章）

最新推荐文章于 2021-02-16 09:26:23 发布

ld_flex

最新推荐文章于 2021-02-16 09:26:23 发布

阅读量2k

点赞数

文章标签： flex components object application encoding function

本文链接：https://blog.csdn.net/ld_flex/article/details/5979798

版权

本文介绍如何在Flex中自定义ComboBox的itemRenderer，以显示颜色块和文字说明。当ComboBox关闭时，默认的TextInput无法显示颜色，通过继承ComboBox并重写createChildren()和updateDisplayList()方法，使用itemRenderer实例显示选中项，确保颜色和文字始终一致。示例代码展示了如何实现这一功能。

摘要由CSDN通过智能技术生成

在自定义一个itemRenderer来显示下拉框中的数据时，遇到一个问题。
定义的itemRenderer是个用来显示颜色块的和相应文字说明的。在下拉框的列表中显示很正常，有颜色也有相应的文字说明，如下图：

但是在选中某条数据，下拉框收起来后，在ComboBox的TextInput里只显示了当前的标签，并没有显示对应的颜色。

因为下拉框默认显示选中项是用的TextInput组件，因此并不能像列表里的itemRenderer一样能显示前面的颜色块，不过我们可以继承一个 ComboBox，然后重载createChildren()和updateDisplayList()方法，去掉默认的TextInput，改用实例化一个itemRenderer来显示选中的数据，这样就能保证下拉框里和已经选中的以相同的方式显示。

下面是一个从ComboBox继承的组件ComboBoxEx(实现方式参考了国外某网站上的代码)

package bss.flex.components
{
   import mx.binding.utils.BindingUtils;
   import mx.controls.ComboBox;
   import mx.core.UIComponent;

   pub