Flexでレンダラーによって発送されたカスタムイベントを聴く方法は？

Question

私は次の問題を抱えています。DatagridColumn用のカスタムヘッドレンダーを実装しました。アイデアは、列ヘッダーをクリックすると、ドロップダウンメニューがあることです。問題は、レンダラークラスがクラスファクトリーによってインスタンス化されるため、リスナーを追加したり、レンダラーに変数を渡す方法がわからないことです。

レンダラークラス：

<?xml version="1.0"?>
<!-- itemRenderers\dataGrid\myComponents\RendererDGHeader.mxml -->
<mx:HBox xmlns:mx="library://ns.adobe.com/flex/mx" 
 xmlns:fx="http://ns.adobe.com/mxml/2009" 
 width = "100%"
>
<fx:Script>


// ...

// Event handler for the Menu control's change event.
        private function menuHandler(evt:MenuEvent):void  {
            //Alert.show("Label: " + evt.item.@label, "Clicked menu item");

            if (evt.item.@eventName == "typeLat"){
             typeIcon.load("assets/type_location.jpg"); 
             evt.item.toggled=true;
            //variable.setColumnType(myLabel.text, "type");  // how can I pass "variable" to this renderer?                
            } else if (evt.item.@eventName == "typeLng"){
             typeIcon.load("assets/type_location.jpg"); 
             evt.item.toggled=true;
            } else if (evt.item.@eventName == "typeTime"){
             typeIcon.load("assets/type_time.png"); 
              evt.item.toggled=true;
            }

            else if (evt.item.@eventName == "similarity"){
               dispatchEvent(new SimilarityEvent("selectSimilarity", null, null)); // how to listen to this event?
            }
        }



</fx:Script>

 <fx:Declarations>
    <fx:XML id="myMenuData">
        <root>
            <menuitem label="Select type..." eventName="copy">
                <menuitem label="Other..." eventName="typeOther"/>
                <menuitem type="separator"/>
                <menuitem label="Order" type="check" eventName="typeOther"/>
                <menuitem label="Range" type="check" eventName="typeOther"/>
                <menuitem label="Date/Time" type="check" eventName="typeTime"/>
                <menuitem label="Latitude" type="check" eventName="typeLat"/>
                <menuitem label="Longitude" type="check" eventName="typeLng"/>
            </menuitem>
            <menuitem label="Define similarity..." eventName="similarity"/>
            <menuitem type="separator"/>
            <menuitem label="Filter objects..." eventName="similarity"/>
            <menuitem label="Order" eventName="similarity">
                <menuitem label="Ascending" eventName="typeOther"/>
                <menuitem label="Descending" eventName="typeOther"/>
            </menuitem>
            <menuitem type="separator"/>
            <menuitem label="Remove" eventName="paste"/>
        </root>
    </fx:XML>
</fx:Declarations>



<mx:Label id="myLabel" click="showMenu();"/>
<mx:Image height="20" id = "typeIcon"/>

</mx:HBox>

レンダラーをインスタンス化する方法は次のとおりです。

            var newColumn:DataGridColumn = new DataGridColumn(); 
            newColumn.dataField = attr;
            newColumn.headerText = attr;
            newColumn.sortable = false;
            newColumn.editable = false;
            newColumn.draggable = false;
            newColumn.headerRenderer = new ClassFactory(newviews.RendererDataHeader);
            cols.push(newColumn);

どんな助けも高く評価されます

Answer 1

イベントリスナーをコントロール（datagrid）に追加し、イベントバブルを作成すると、キャッチされます。