修改下拉框的icon

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="top" 
        backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.events.DropdownEvent; 
  
            [Embed("assets/status_online.png")] 
            private var statusOnline:Class; 
  
            private function comboBox_open(evt:DropdownEvent):void { 
                comboBox.dropdown.iconFunction = comboBoxDropdown_func; 
            } 
  
            private function comboBoxDropdown_func(item:Object):Class { 
                if (item.hasOwnProperty("online") && item.online) { 
                    return statusOnline; 
                } 
                return null; 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Array id="arr"> 
        <mx:Object label="One" online="true" /> 
        <mx:Object label="Two" /> 
        <mx:Object label="Three" online="true" /> 
        <mx:Object label="Four" /> 
        <mx:Object label="Five" /> 
        <mx:Object label="Six" /> 
        <mx:Object label="Seven" online="true" /> 
        <mx:Object label="Eight" /> 
        <mx:Object label="Nine" /> 
        <mx:Object label="Ten" /> 
    </mx:Array> 
  
    <mx:ComboBox id="comboBox" 
            dataProvider="{arr}" 
            open="comboBox_open(event);" /> 
  
</mx:Application>