Displaying icons in a Flex ComboBox control

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

<!-- http://blog.flexexamples.com/2007/08/18/displaying-icons-in-a-flex-combobox-control/ -->

<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;

            [Embed(source="assets/bulletWarning.png")]

            public var BulletWarning:Class;

            [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，如需轉載請自行聯系原作者