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