DataGrid之checkbox 以及outerDocument

       [Bindable]

       public var localVar:String="Application localVar"; 

      <mx:DataGridColumn dataField="Cover">

            <mx:itemRenderer>

              <mx:Component>

                <mx:VBox>

                  <mx:Script>

                    <![CDATA[            

                      // Variable in the renderer scope.

                      public var localVar:String="Renderer localVar";       

                    ]]>

                  </mx:Script>

 

                  <mx:Text id="albumName" width="100%" selectable="false" text="{data.Album}"/>                 

                  <mx:TextArea text="{'Renderer localVar= ' + localVar}"/>

                  <mx:TextArea text="{'App localVar= ' + outerDocument.localVar}"/>

                </mx:VBox>

              </mx:Component>

            </mx:itemRenderer>

          </mx:DataGridColumn>    

 

 

          <mx:DataGridColumn  dataField="id" headerText="操作">  

                <mx:itemRenderer>  

                    <mx:Component>  

                    <mx:HBox>   // 注意mx:Component下元素不可以加id

                        <mx:CheckBox id="chxBox" selected="{data.selected}" click="outerDocument.clickHanlder(this);"/>  

                        //注意为data

                    </mx:HBox>  

                    </mx:Component>  

                </mx:itemRenderer>  

            </mx:DataGridColumn>  

 

           public function clickHanlder(obj:Object):void{  

                if(obj.chxBox.selected){  

                    ac.getItemAt(userDg.selectedIndex).selected=true;  

                }else{  

                    ac.getItemAt(userDg.selectedIndex).selected=false;  

                }  

            }