0

我使用 flex spark itemrenderer 来可视化数据行。每行还有一个按钮，该按钮应该根据它所在的行执行某些操作。为此，我需要在单击按钮时访问数据行。但我不知道如何得到它。

这是 itemrenderer 的外观：

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/halo">
<fx:Script>
<![CDATA[
private function click(e:flash.events.Event):void
{
    //how do i get access to the data of the row here?
}
]]>
</fx:Script>

<s:HGroup>
 <s:Label text="{data.GameName}" width="300" />
 <s:Button label="Start" click="click(event)" />
</s:HGroup>

</s:ItemRenderer>
4

2 回答 2

2

itemRenderer的data属性将包含该 itemRenderer 当前正在显示的 dataProvider 中的元素。

您可以使用itemIndex属性在列表的 dataProvider 中获取数据元素的索引。

我认为您需要前两个中的一个，但是由于“数据行”对我来说含糊不清，因此这里有一些其他的想法可能会有所帮助。

如果需要访问行的实例；这与 itemRenderer 实例没有什么不同，因此您可以使用this关键字访问单击按钮的 itemRenderer 上的属性。

如果您需要在所有列表的 itemRenderers 的上下文中知道 itemRenderer 的索引；这将变得更加困难。由于 itemRenderers 在列表滚动时被重用，因此渲染器实例的数量与 dataProvider 中的项目数量之间没有一对一的关系。不过，我不确定你为什么需要它，所以我猜这不是你需要的。

于 2012-04-23T15:49:58.280 回答
1

我在 FDT 中尝试了您的代码，它立即警告我使用click作为函数名，因为它是保留字。我不确定这是否是您的问题。

使用 mx 而不是 spark 我这样做了：

        public function rackDataClick(event : ListEvent) : void
        {
            rackID.text = event.itemRenderer.data.rackBarcode;
            racks.barcode = event.itemRenderer.data.rackBarcode;
            racks.rackName = event.itemRenderer.data.rackName;
            racks.maxRow = event.itemRenderer.data.maxRow as Number;
            racks.maxCol = event.itemRenderer.data.maxCol as Number;
            racks.location = event.itemRenderer.data.location;
        }

. . .

    <s:FormItem>
        <mx:DataGrid id                    ="rackData"
                     dataProvider          ="{rackRequest.lastResult.rack.data}"
                     verticalScrollPolicy  ="on"
                     horizontalScrollPolicy="on"
                     itemClick             ="rackDataClick(event);"
                     includeIn             ="default">
            <mx:columns>
                <mx:DataGridColumn headerText="Rack ID"
                                   dataField ="rackBarcode"/>
                <mx:DataGridColumn headerText="Rack Name"
                                   dataField ="rackName"/>
                <mx:DataGridColumn headerText="Max Rows"
                                   dataField ="maxRow"/>
                <mx:DataGridColumn headerText="Max Columns"
                                   dataField ="maxCol"/>
                <mx:DataGridColumn headerText="Location"
                                   dataField ="location"/>
            </mx:columns>
        </mx:DataGrid>
    </s:FormItem>

我知道这不是您要寻找的，但有时任何示例都会对搜索有所帮助。

于 2012-04-23T17:50:37.677 回答