flex datagrid渲染使用

Artist类：

package
{
	public class Artist
	{
		public function Artist()
		{
		}
		public var Album:String;
		public var Price:Number;
	}
}

dataGridTest

<?xml version="1.0"?>
<!-- dpcontrols/DataGridPassData.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
   initialize="initData()">
   <mx:Script>
   <![CDATA[
   	import mx.events.CloseEvent;
      import mx.collections.*;
      import mx.controls.Alert;
      import mx.managers.PopUpManager;
      private var DGArray:Array = [
         {Artist:'Pavement',Album:'Slanted and Enchanted',Price:11.99},{Artist:'Pavement',Album:'Brighten the Corners',Price:11.99}];
         
      [Bindable]
      public var initDG:ArrayCollection;
      public function initData():void {
         initDG=new ArrayCollection(DGArray);
      }
      
      public function del(obj:Object):void {
      	Alert.show("确定要删除吗？","",3,this,alertClickHandler);
      
      }
      
      public function alertClickHandler(event:CloseEvent):void {
      	if(event.detail==Alert.YES) {
      		Alert.show("删除成功！");
      	}
      }
      
      public function updateData(obj:Object):void {
      	var a:Artist = new Artist();
      	a.Album = obj.Artist;
      	a.Price = obj.Price;
      	var pop:update = update(PopUpManager.createPopUp(this,update,true));
      	pop.a = a;
      }
   ]]>
   </mx:Script>
   <mx:DataGrid id="myGrid" width="350" height="200" 
      dataProvider="{initDG}" >
      <mx:columns>
         <mx:DataGridColumn dataField="Album" />
         <mx:DataGridColumn dataField="Price" />
         <mx:DataGridColumn headerText="操作"
								   width="100">
					<mx:itemRenderer>
						<mx:Component>
							<mx:HBox width="100%"
									 horizontalAlign="center"
									 verticalAlign="middle">
								<mx:Label buttonMode="true"
										  useHandCursor="true"
										  mouseChildren="false"
										  text="删除"
										  click="outerDocument.del(data)"/>

								<mx:Label buttonMode="true"
										  useHandCursor="true"
										  mouseChildren="false"
										  text="更新"
										  click="outerDocument.updateData(data)"/>

							</mx:HBox>
						</mx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
      </mx:columns> 
   </mx:DataGrid>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
	
	<mx:Script>
		<![CDATA[
		[Bindable]
		public var a:Artist = new Artist();
		
		public function updateArtis(): void {
			album.text = "update "+a.Album;
			price.text = "update "+a.Price;
		}
			
		]]>
	</mx:Script>
	
	<mx:TextInput id="album" text="{a.Album}" x="49" y="19"/>
	<mx:TextInput id="price" text="{a.Price}" x="49" y="63"/>
	<mx:Button click="updateArtis()" label="修改" x="89" y="135"/>
</mx:TitleWindow>