Components Flex



    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx">
    
         
        import mx.events.ColorPickerEvent; 
        import mx.events.DropdownEvent; 
        [Bindable] 
        public var complexDPArray:Array = [ 
        {label:"Yellow", color:"0xFFFF00", descript:"A bright, light color."}, 
        {label:"Hot Pink", color:"0xFF66CC",descript:"It's HOT!"}, 
        {label:"Brick Red", color:"0x990000",descript:"Goes well with warm colors."}, 
        {label:"Navy Blue", color:"0x000066",descript:"The conservative favorite."}, 
        {label:"Forest Green", color:"0x006600",descript:"Great outdoorsy look."}, 
        {label:"Grey", color:"0x666666", descript:"An old reliable."}] 
        public function openEvt(event:DropdownEvent):void { 
            descriptBox.text=""; 
        } 
        public function changeEvt(event:ColorPickerEvent):void { 
           descriptBox.text=event.currentTarget.selectedItem.label + ": " + event.currentTarget.selectedItem.descript; 
        } 
      
    

    
        .myStyle { swatchWidth:25; swatchHeight:25; textFieldWidth:95; }
    

    
    
        
    

    
        
                    dataProvider="{complexDP}" change="changeEvt(event);"
            open="openEvt(event);" editable="false" />