DataGrid中添加超链接的数据项

 

DataGrid中添加超链接的数据项 
环境是Flex 3.0 SDK 

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Repeater class. -->
<s:Application name="RepeaterExample"
			   xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			[Bindable]
			private var demoArr:ArrayCollection=new ArrayCollection
				([{orgName:'杭州',amt:3654},
					{orgName:'嘉兴',amt:2000},
					{orgName:'绍兴',amt:1000},
					{orgName:'金华',amt:1200},
					{orgName:'宁波',amt:1800},
					{orgName:'台州',amt:560},
					{orgName:'丽水',amt:2300},
					{orgName:'湖州',amt:2900},
					{orgName:'衢州',amt:2600},
					{orgName:'温州',amt:1600},
					{orgName:'舟山',amt:1300}])
			
			//注意调用的方法是public的	
			public function clickEvent(o:Object):void{
				Alert.show("s");
			}
		]]>
	</fx:Script>
	
	<mx:VBox width="100%"
			 height="100%"
			 horizontalAlign="center">
		<mx:DataGrid width="400"
					 height="500"
					 dataProvider="{this.demoArr}">
			<mx:columns>
				<mx:DataGridColumn headerText="单位">
					<mx:itemRenderer>
						<fx:Component>
							<mx:LinkButton label="{data.orgName}"
										   color="blue"
										   textDecoration="underline"
										   click="outerDocument.clickEvent(data)">
							</mx:LinkButton>
						</fx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
				
				<mx:DataGridColumn headerText="金额" 
								   dataField="amt">
				</mx:DataGridColumn>
				
			</mx:columns>
		</mx:DataGrid>
	</mx:VBox>
	
	
</s:Application>