Flex4在datagrid单元格中添加按钮/图片等丰富内容

1，添加按钮

<s:DataGrid width="100%" height="100%">
	<s:columns>
		<s:GridColumn headerText="维护" >
			<s:itemRenderer>
				<fx:Component>
					<s:GridItemRenderer>
						<s:HGroup verticalAlign="middle" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
						       <s:Button label="删除" width="50"/>
						       <s:Button id="modifyBtn" label="修改" width="50" click="outerDocument.modifyBtn_clickHandler(event)"/>
						       <s:Button label="查看" width="50"/>
						</s:HGroup>
					</s:GridItemRenderer>
				</fx:Component>
			</s:itemRenderer>
		</s:GridColumn>
	</s:columns>
</s:DataGrid>

单元格中的按钮单击事件调用时必须在方法前加上outerDocument，不然会找不到该方法。因为添加<fx:Component>标签相当于嵌入了一个页面。

2，有时需要根据单元格获得的数据以图表或者不同颜色来呈现，则要用到项呈示器

新建一个项呈示器

模版选择Spark DataGrid的项呈示器

<1>添加数据改变事件

<2>然后绘制你想要的图表或者一组css样式来填充单元格的背景

<3>

protected function itemrenderer1_dataChangeHandler(event:FlexEvent):void
{
             getChart(data);//data是GridItemRenderer的属性，也就是是单元格获得的数据，为Object类型
}

private function getChart(obj:Object)

{

            //这时就可用从data中获得的数据绑定到你的图表或者背景中了

}