apache flex - 如何在 ItemRenderer 中访问 MXML 组件实例

Question

我一直在开发一个基于Adobe Flex（v3.5 Flex SDK）的应用程序，我有一个关于我们如何从ItemRenderer文件访问（调用）用MXML文件编写的方法（嵌入在脚本标签中）的问题。

MXML 组件有一个数据网格，对于其中一列，itemrenderer 是我自己的自定义项目渲染器。

在我的自定义项目渲染器中，对于某些事件，我需要调用一个存在于其父 MXML 组件中的方法。我们如何访问其父MXML实例？

我在谷歌中对此进行了探索，发现我们可以访问"data"对象，该对象指的是数据网格的dataProvider。但是我想访问具有数据网格的MXML组件实例（以便我可以在其中调用方法）。

AdvancedDataGrid

中的 AdvancedDataGridColumn 是这样的

<mx:AdvancedDataGridColumn dataField="total" headerText="Total" width="120" itemRenderer="renderers.MyItemRenderer"/>

这里MyItemRenderer是一个单独的操作脚本文件。

感谢您的回应。

谢谢

拉古

Answer 1

正如Raghavendra Nilekani所建议的那样 这有效：

TestGrid.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Script>
        <![CDATA[
            [Bindable]
            public var data:Array  = [
                {name:"name",value:"valeu1",timestamp:"423423"},
                {name:"name1",value:"valeu2",timestamp:"423423"},
                {name:"name2",value:"valeu3",timestamp:"423423"},
                {name:"name3",value:"valeu5",timestamp:"423423"}
            ]
            public function calculateValue():Number{
                return Math.random();
            }   
        ]]>
    </fx:Script>
    <fx:Declarations>
    </fx:Declarations>
        <mx:VBox height="100%" width="100%">
            <mx:AdvancedDataGrid dataProvider="{data}">
                <mx:columns>
                    <mx:AdvancedDataGridColumn itemRenderer="ItemRenderer">
                    </mx:AdvancedDataGridColumn>
                </mx:columns>
            </mx:AdvancedDataGrid>
        </mx:VBox>
</s:Application>

e ItemRendere.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                                  xmlns:s="library://ns.adobe.com/flex/spark" 
                                  xmlns:mx="library://ns.adobe.com/flex/mx" 
                                  focusEnabled="true"
                                  addedToStage="mxadvanceddatagriditemrenderer1_addedToStageHandler(event)"
                                  >
    <fx:Script>
        <![CDATA[
            [Bindable]
            var value:Number;
            import mx.containers.VBox;
            import mx.controls.AdvancedDataGrid;
            protected function mxadvanceddatagriditemrenderer1_addedToStageHandler(event:Event):void
            {
                var grid:AdvancedDataGrid = ((AdvancedDataGrid)(this.owner));
                var box:VBox =  ((VBox)(grid.owner))        
                    var comp:TestGrid  = (TestGrid)(box.owner);
                    value = comp.calculateValue();
            }
        ]]>
    </fx:Script>

    <s:Label id="lblData" top="0" left="0" right="0" bottom="0" text="{value}" />
</s:MXAdvancedDataGridItemRenderer>

无论如何，我同意zenbeni的观点，这会导致一个不可复制的项目渲染器。