单击图像以在flex中调度事件

Question

我在渲染器类中有一个图像，如果我单击图像，我需要将一个事件发送到flex中的主mxml页面。

在渲染器类： -

public function clickOnMoreImage(event:Event):void {                
    var moreImageEvent:Event = new Event("clickOnMoreImage");
    var parent:EventDispatcher = parentDocument.parentDocument as EventDispatcher;
    if (parent != null) {
        parent.dispatchEvent(moreImageEvent);
    }
}


<mx:Image id="imgStatus" buttonMode="true" useHandCursor="true" click="clickOnMoreImage(event)" />

家长班： -

this.addEventListener("clickOnMoreImage", showMoreImagePopUpData);

public function showMoreImagePopUpData(event:Event):void {
    Alert.show("clicked on More Image");
}

这不起作用。 我可以为此知道任何工作吗？

Answer 1

1. 在这种情况下，请勿使用parent或parentDocument 。 您无法确定渲染器与顶级应用程序的嵌套级别。
2. “Flex”方式是使用事件冒泡 。

由渲染器本身调度事件（将bubbles设置为true ）。 它将“冒泡”（如果渲染器不是弹出窗口的子节点）直到舞台，所以你可以在渲染器的任何父节目中监听它（例如 - > DataGroup - > List - > Application - > SystemManager - >阶段）。

var moreImageEvent:Event = new Event("clickOnMoreImage", true); //2nd parameter "true"
dispatchEvent(moreImageEvent);