<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="700" height="300">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.collections.ArrayCollection;
import oreilly.cookbook.MultipleDataTypeEditor;
[Bindable]
Private var arr:ArrayCollection = new ArrayCollection([{age:12, name:"Joe"},{age:16,name:"Jorge"},{age:19, name:"Jojo"}
,{age:2, name:"James"},{age:12, name:"Joaquin"}]);
public function processData(event:ListEvent):void {
// Disable copying data back to the control.
event.preventDefault();
// Get new label from editor.
list.editedItemRenderer.data= MultipleDataTypeEditor
(list.itemEditorInstance).data;
// Close the cell editor.
list.destroyItemEditor();
// Notify the list control to update its display.
list.dataProvider.notifyItemUpdate(list.editedItemRenderer);
}

]]>
</mx:Script>
<mx:List id="list" itemEditor="oreilly.cookbook.MultipleDataTypeEditor"
dataProvider="{arr}" itemEditEnd="processData(event)"
itemRenderer="oreilly.cookbook.MultipleDataTypeRenderer"
width="350" editable="true">
</mx:List>
</mx:Canvas>