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

时间:2014-04-02 17:09:41

标签: flex mxml itemrenderer advanceddatagrid

我一直在开发基于Adobe Flex(v3.5 Flex SDK)的应用程序,我对如何从ItemRenderer文件访问(调用)用MXML文件(嵌入脚本标记)编写的方法有疑问。

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

在我的自定义项呈示器中,对于某些事件,我需要调用其父MXML组件中存在的方法。我们如何访问其父MXML实例?

我在谷歌中已经探索过这个,发现我们可以访问引用datagrid的dataProvider的'data'对象。但我想访问具有datagrid的MXML组件实例(以便我可以调用其中的方法)。

AdvancedDataGrid中的AdvancedDataGridColumn就像这样

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

此处MyItemRenderer是一个单独的动作脚本文件。

感谢回应。

由于

Raagu

1 个答案:

答案 0 :(得分:2)

正如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>

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,这导致了一个不可复制的项目渲染器。