<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" horizontalScrollPolicy="off">

<mx:Script>
<![CDATA[

     import mx.controls.Alert;
     import mx.collections.*;
     import flash.events.Event;
     import mx.controls.DataGrid;
     
     override public function set data(value:Object):void
     {
        if(value != null)
        {
           super.data = value;
           
           var colorLength:int = value.color.length;
           
           //show the comboBox
           if(colorLength > 1)
           {
               colorChoices.visible=true;
               colorLabel.visible=false;
           }
           //hide the comboBox and show the label
           else
           {
               colorChoices.visible=false;
               colorLabel.visible=true;
           }
           colorChoices.selectedItem=data.selectedColor;
        }   
     }
     
     public function changeHandler(event:Event): void
     {
         data.selectedColor=String(colorChoices.selectedItem);
         IList(DataGrid(owner).dataProvider).itemUpdated(colorChoices.selectedItem);
     }
]]>
</mx:Script>

<mx:ComboBox id="colorChoices" dataProvider="{data.color}" width="100%" creationComplete="colorChoices.selectedItem=data.selectedColor"
   change="changeHandler(event)" />
<mx:Label id="colorLabel" text="{colorChoices.selectedItem}" x="5" />    
</mx:Canvas>