阻止check事件冒泡

在Datagrid中添加了checkbox,想实现的效果是:

1.点击行中任意位置,该行的复选框变为选中状态,同时该行也获得焦点;

2.点击复选框,复选框打勾,同时该行获取焦点。

要实现功能1,用到datagrid的itemclick事件,如下代码:

 1       /**单击行,使checkbox处于选中状态**/
 2    protected function workerdata_itemClickHandler(event:ListEvent):void
 3    {
 4      var obj:DataGrid = event.target as DataGrid; 
 5      if(!obj.selectedItem.IsChecked)
 6      {
 7         obj.selectedItem.IsChecked = true;
 8      }
 9      else
10      {
11         obj.selectedItem.IsChecked=false
12      }
13    } 

 

此时点击行,则该行的复选框打了勾,但点击复选框没反应。 上网搜了下,是事件的冒泡问题,即事件被覆盖了。要实现功能2,只要在checkbox的click事件中加event.stopPropagation();即可解决问题,如下:

<mx:CheckBox id="cbelement" selected="{data.IsChecked}"  click="data.IsChecked = !data.IsChecked;event.stopPropagation(); "/>

 

posted @ 2014-04-17 11:12  goodgirlmia  阅读(370)  评论(0编辑  收藏  举报
作者:goodgirlmia 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。