GataGrid渲染器入门实例

1、 dataGrid.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/halo"
			   minWidth="1024" minHeight="768"
			   creationComplete="init();">
	<fx:Script>
		<![CDATA[

			public var xmlSource:XMLList = new XMLList();

			public function init():void{
				for(var i:Number = 0; i < 5; i++){
					xmlSource += <>
									<word>
										<name>薛冲</name>
										<password>123</password>
										<age>21</age>
									</word>
								 </>;  
				}
			    dataGridID.dataProvider = xmlSource;  
			}

		]]>
	</fx:Script>

	<mx:DataGrid id="dataGridID" x="300" y="50" backgroundColor="#000000" color="#000000">
		<mx:columns>
			<mx:DataGridColumn dataField="name" headerText="姓名"/>
			<mx:DataGridColumn dataField="password" headerText="密码"/>
			<mx:DataGridColumn dataField="age" headerText="年龄"/>
			<mx:DataGridColumn dataField="" itemRenderer="inButton" headerText="专辑名"/>
			<mx:DataGridColumn dataField="" itemRenderer="inImg" headerText="发行年份"/>
			<mx:DataGridColumn dataField="" headerText="播放时间"/>
		</mx:columns>
	</mx:DataGrid>

</s:Application>

2、 inButton.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="80" height="30">
	<mx:Button id="butID" label="你好"/>
	<mx:Label id="labID" x="50" fontSize="12" text="世界"/>
</mx:Canvas>

3、inImg.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="80" height="30">
	<mx:Image source="msn.png"/>
</mx:Canvas>