阻止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(); "/>

 

你可能感兴趣的:(check)