1,添加按钮
<s:DataGrid width="100%" height="100%">
单元格中的按钮单击事件调用时必须在方法前加上outerDocument,不然会找不到该方法。因为添加<fx:Component>标签相当于嵌入了一个页面。<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>
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中获得的数据绑定到你的图表或者背景中了
}