DataGrid和itemRenderer中的控件的数据绑定问题

 如果你在DataGrid里面加入checkbox，不做任何处理。当你滚动你的DataGrid的时候就会发现，checkbox的选中状态会错乱。这就涉及到数据绑定的问题。原因是itemRenderer里的控件是对整个DataGrid共用的，你不知道某个组件会和哪一行的数据绑定。所以，你必须做事件监听（FlexEvent.DATA_CHANGE）。

例子如下：

 

2.   <mx:DataGrid  width="100%" height="100%"  horizontalCenter="0" verticalCenter="0" >
3.             <mx:columns>
4.                 <mx:DataGridColumn headerText="选择">
5.                     <mx:itemRenderer>
6.                         <mx:Component>                          
7.                             <mx:Box horizontalAlign="center" creationComplete="init()">
8.                             <mx:Script><![CDATA[
9.                                         import mx.events.FlexEvent;
10.                                         function init():void
11.                                         {
12.                                                 this.addEventListener(FlexEvent.DATA_CHANGE,doChange)
13.                                             }
14.                                             function doChange(e:Event):void
15.                                         {   
16.                                                 keyCheck.selected=data.choose;
17.                                             }
18.                                     ]]></mx:Script>
19.                                 <mx:CheckBox id="keyCheck"  click="parentDocument.onChangeCheck(event,data.key)" />
20.                             </mx:Box>
21.                         </mx:Component>
22.                     </mx:itemRenderer>
23.                 </mx:DataGridColumn>
24.                 <mx:DataGridColumn headerText="名称" dataField="name"/>
25.                 <mx:DataGridColumn headerText="类型" dataField="type"/>
26.                 
27.             </mx:columns>
28.         </mx:DataGrid>

        事件监听后，当数据绑定发生变化的时候会执行doChange函数，重新刷新选中状态。