Flex Datagrid 中的编辑/删除按钮答案

【问题标题】：Edit/Delete buttons in Flex DatagridFlex Datagrid 中的编辑/删除按钮
【发布时间】：2011-05-20 15:27:33
【问题描述】：

我有一个弹性数据网格，其中包含从服务填充的购物车项目。每行都有自定义 ItemRenderer 提供的编辑/删除按钮。当我单击每个按钮时，我会从 itemrenderer 发送一个事件，该事件调用服务以编辑/删除所选项目。

如何从 Itemerenderer 中的 dataprovider 中获取产品的 ID，以便将其与我的自定义事件一起发送？

提前致谢

【问题讨论】：

标签： apache-flex datagrid itemrenderer

【解决方案1】：

使用 itemRenderer 的 DATA 属性。

Flex 帮助中有一个非常说明性的示例。如果您的 dataProvider 是：

<mx:ArrayList>
<fx:Object firstName="Bill" lastName="Smith" companyID="11233"/>
<fx:Object firstName="Dave" lastName="Jones" companyID="13455"/>
<fx:Object firstName="Mary" lastName="Davis" companyID="11543"/>
<fx:Object firstName="Debbie" lastName="Cooper" companyID="14266"/>
</mx:ArrayList>

您可以按如下方式访问数据项：

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\myComponents\MySimpleItemRenderer.mxml -->
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark">
<s:HGroup verticalCenter="0" left="2" right="2" top="2" bottom="2">
<s:Label text="{data.lastName}, {data.firstName}"/>
<s:Label text="{data.companyID}"/>
</s:HGroup>
</s:ItemRenderer>

【讨论】：