Flex 4.6-事件处理冲突

Question

我有一个包含许多列的数据网格，其中一列包含一组使用ItemRenderer的按钮。数据网格本身有一个点击事件，它显示一个面板。但是，当单击任何按钮时，不应执行数据网格的单击事件。我怎样才能做到这一点？当前，按钮单击和数据网格事件都是在单击按钮时调度的。

以下是当前的实现：

---

Monitoring.mxml，它有一个数据网格并且其中一列使用ItemRenderer来存储一组按钮。

<s:GridColumn width="300" dataField="" headerText="Control Buttons"
                          itemRenderer="com.example.ItemRenderer.ButtonControlsItemRenderer">
</s:GridColumn>         

在ButtonControlsItemRenderer.mxml中，我有两个按钮-日志和咨询

<s:Button id="btn_log" width="49" height="35" label="Log" 
              click="btn_log_clickHandler(event)"/>
<s:Button id="btn_Advisory" width="81" height="35" label="Advisory"
              click="btn_Advisory_clickHandler(event)"/>

这两个按钮通过这些功能将自定义事件分派到数据网格。

protected function btn_log_clickHandler(event:MouseEvent):void {
            var myEventObject:Event = new Event("logButtonEventRenderer",true);
            dispatchEvent(myEventObject);
}
protected function btn_Advisory_clickHandler(event:MouseEvent):void{
            var myEventObject1:Event = new Event("AdvisoryButtonEventRenderer",true);
            dispatchEvent(myEventObject1);  
}

事件元数据已声明，事件侦听器已添加到Monitoring.mxml:中

[Event(name="logButtonEvent", type="com.example.GetSelectedSystemEvent")]
[Event(name="AdvisoryButtonEvent", type="flash.events.Event")]
dg_Events.addEventListener("logButtonEventRenderer",btn_logButtonHandler); 
dg_Events.addEventListener("AdvisoryButtonEventRenderer",btn_AdvisoryButtonHandler);
protected function btn_logButtonHandler(event:Event):void{
    // Do something; 
}
protected function btn_AdvisoryButtonHandler(event:Event):void{
    // Do something
}
//Datagrid Click Event
protected function dg_Events_gridClickHandler(event:GridEvent):void { 
    // Display Panel
}

谢谢你，非常感谢你的帮助！

Answer 1

尝试在按钮中调用stopImmediatePropagation函数，点击hanler。鼠标事件将冒泡。

protected function btn_log_clickHandler(event:MouseEvent):void {
   event.stopImmediatePropagation();
   var myEventObject:Event = new Event("logButtonEventRenderer",true);
   dispatchEvent(myEventObject);
}