flex - кнопка доступа к данным за пределами сетки данных

Question

Я использую этот код:

<mx:DataGridColumn id="test" headerText="Case ID" width="80">
  <mx:itemRenderer>
    <fx:Component>
      <mx:Canvas>
        <mx:LinkButton id="lnkCaseId" click="lnkCaseId.dispatchEvent(new MouseEvent(MouseEvent.CLICK,true,false))" label="{data.caseId}" textDecoration="underline" color="#0052A5">
        </mx:LinkButton>
      </mx:Canvas>
    </fx:Component>
  </mx:itemRenderer>
</mx:DataGridColumn>

Как я могу получить доступ к lnkCaseId вне сетки данных?

Answer 1

Вы можете добавить прослушиватель событий внешнего документа к Встроенные средства визуализации , используя метод externaldocument

<mx:LinkButton label="Buy" click="{outerDocument.outerFileMethod(data)}" />

Другой способ получения рендрера - всплывающее событие, см. Образец ниже

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    click="{clicked(event)}">
    <mx:Script>
        <![CDATA[
            import mx.controls.LinkButton;
            import mx.core.UIComponent;
            import mx.controls.Alert;
            public function clicked(event:MouseEvent):void
            {
                if (event.target is LinkButton)
                {
                    var innerLinkButon:LinkButton = event.target as LinkButton;
                    Alert.show("Application : "+innerLinkButon.label);
                }
            }
        ]]>
    </mx:Script>
    <mx:DataGrid id="grid">
        <mx:dataProvider>
            <mx:ArrayCollection>
                <mx:Array>
                    <mx:Object label="AAAA"/> 
                    <mx:Object label="BBBB"/>
                    <mx:Object label="CCCC"/>
                    <mx:Object label="DDDD"/>
                </mx:Array>
            </mx:ArrayCollection>
        </mx:dataProvider>
        <mx:columns>
            <mx:DataGridColumn id="columnA" headerText="columnA" dataField="@label">
                <mx:itemRenderer>
                    <mx:Component>
                        <mx:LinkButton click="{clicked(event)}" label="{data.label.toString()}">
                            <mx:Script>
                                <![CDATA[
                                    import mx.controls.Alert;

                                    public function clicked(event:MouseEvent):void
                                    {
                                        Alert.show("linkButton");
                                    }

                                ]]>
                            </mx:Script>
                        </mx:LinkButton>
                    </mx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>

Надежды, которые помогают