7.5.创建一个Item Editor,它可以处理含有复杂数据类型的Data

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

package oreilly.cookbook {
import mx.containers.Canvas;
import mx.controls.TextInput;
public class MultipleDataTypeEditor extends Canvas {
private var nameField:TextInput;
private var ageField:TextInput;
public function MultipleDataTypeEditor() {
super();
nameField = new TextInput();
ageField = new TextInput();
addChild(nameField);
nameField.focusEnabled = false;
addChild(ageField);
ageField.focusEnabled = false;
ageField.x = 100;
this.horizontalScrollPolicy = "none";
}
override public function set data(value:Object):void {
super.data = value;
nameField.text = value.name;
ageField.text = value.age;
}
override public function get data():Object {
return {name:nameField.text, age:ageField.text};
}
}
}

public function processData(event:ListEvent):void {
event.preventDefault();
list.editedItemRenderer.data =
MultipleDataTypeEditor(list.itemEditorInstance).data;
list.destroyItemEditor();
list.dataProvider.notifyItemUpdate(list.editedItemRenderer);
}