阻止check事件冒泡

时间:2022-07-16 04:06:40

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

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

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

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

 1       /**单击行,使checkbox处于选中状态**/
protected function workerdata_itemClickHandler(event:ListEvent):void
{
var obj:DataGrid = event.target as DataGrid;
if(!obj.selectedItem.IsChecked)
{
obj.selectedItem.IsChecked = true;
}
else
{
obj.selectedItem.IsChecked=false
}
}

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

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