Displaying icons in a Flex ComboBox control-优快云博客

本文介绍如何在Flex的ComboBox控件中添加图标显示功能。通过设置dropdown属性的iconField属性并定义数据源中的图标字段，可以轻松实现下拉选项旁显示对应图标的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

making the ComboBox control display icons also should be pretty trivial. Well, after about 2 minutes of analyzing the documentation, it turns out it is pretty simple. The trick was to set the `iconField` property on the ComboBox instance’s `dropdown`property, which is a reference to the combo box’s internal List control

<? xml version="1.0" encoding="utf-8" ?>

< mx:Application xmlns:mx ="http://www.adobe.com/2006/mxml"
        layout ="vertical"
        verticalAlign ="middle"
        backgroundColor ="white" >

     < mx:Script >
         <![CDATA[
            import mx.events.FlexEvent;

            [Bindable]
            [Embed(source="assets/bulletCheck.png")]
            public var BulletCheck:Class;

            [Bindable]
            [Embed(source="assets/bulletWarning.png")]
            public var BulletWarning:Class;

            [Bindable]
            [Embed(source="assets/bulletCritical.png")]
            public var BulletCritical:Class;

            private function init():void {
                comboBox.dropdown.iconField = "icon";
            }
         ]]>
     </ mx:Script >

     < mx:ComboBox id ="comboBox"
            rowCount ="4"
            width ="200"
            themeColor ="haloSilver"
            textIndent ="5"
            selectedIndex ="-1"
            prompt ="Please select an item

"
            creationComplete ="init()" >
         < mx:dataProvider >
             < mx:Array >
                 < mx:Object label ="Item 1" icon ="BulletWarning" />
                 < mx:Object label ="Item 2" icon ="BulletCritical" />
                 < mx:Object label ="Item 3" icon ="BulletCritical" />
                 < mx:Object label ="Item 4" icon ="BulletCheck" />
                 < mx:Object label ="Item 5" icon ="BulletWarning" />
                 < mx:Object label ="Item 6" icon ="BulletCheck" />
                 < mx:Object label ="Item 7" icon ="BulletCheck" />
                 < mx:Object label ="Item 8" icon ="BulletCritical" />
             </ mx:Array >
         </ mx:dataProvider >
     </ mx:ComboBox >

</ mx:Application >

本文转自 OldHawk 博客园博客，原文链接：http://www.cnblogs.com/taobataoma/archive/2008/01/11/1035780.html ，如需转载请自行联系原作者