0

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

下面是当前的实现：

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

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

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

<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
}

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

4

1 回答 1

2

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

protected function btn_log_clickHandler(event:MouseEvent):void {
   event.stopImmediatePropagation();
   var myEventObject:Event = new Event("logButtonEventRenderer",true);
   dispatchEvent(myEventObject);
}
于 2013-06-24T02:10:11.050 回答