flex itemRenderer 使用

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initData()">
 <mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.rpc.events.FaultEvent;
   import mx.rpc.events.ResultEvent;
   import as3.tools.OjectRequet;
   [Bindable]
   private var xlData:ArrayCollection;
   private var name1:String;
   private var fd:String;
   private var flag:int=0;
   public function initData():void{
       }
   public function deal(id:String):void{
       
   }
   private function dealedLoad(e:MouseEvent):void{
   flag=1;
   initData();
   }
   private function undealLoad(e:MouseEvent):void{
   flag=0;
   initData();
   }
  ]]>
 </mx:Script>
 <mx:Style>
  .headTxt{
   text-align:center;
   font-size:16;
   font-weight:bold;
   color:blue;
  }
 </mx:Style>
 <mx:Image y="0" height="50" source="lines/img/Linetitle.jpg" maintainAspectRatio="false"   scaleContent="true" autoLoad="true" width="100%" x="0"/>
 <mx:HBox top="50" backgroundColor="#ffffff" height="30" width="100%" fontSize="14" fontWeight="bold">
  <mx:LinkButton label="未确认"  width="100" click="undealLoad(event)" height="28"/><mx:LinkButton label="已确认" height="28" width="100" click="dealedLoad(event)"/>
 </mx:HBox>
 <mx:DataGrid id="xldata" dataProvider="{xlData}" top="80" width="100%" height="100%" >
  <mx:columns>
   <mx:DataGridColumn dataField="id" visible="false" headerText="" headerStyleName="headTxt" fontSize="12">
    
   </mx:DataGridColumn>
   <mx:DataGridColumn dataField="guanduan" headerText="" headerStyleName="headTxt" fontSize="12">
    
   </mx:DataGridColumn>
   <mx:DataGridColumn dataField="zhuangtai" headerText="" headerStyleName="headTxt" width="50" fontSize="12" textAlign="center">
    
   </mx:DataGridColumn>
   <mx:DataGridColumn dataField="xijie" headerText="" headerStyleName="headTxt" fontSize="12">
    
   </mx:DataGridColumn>
   <mx:DataGridColumn dataField="intime" headerText="" headerStyleName="headTxt" width="200" fontSize="12" textAlign="center">
    
   </mx:DataGridColumn>
   <mx:DataGridColumn dataField="flag"  headerText="" headerStyleName="headTxt" width="80" fontSize="12" textAlign="center">
    <mx:itemRenderer>
     <mx:Component>
      <mx:Button width="80" height="25" click="deal(event)">
      <mx:Script>
       <![CDATA[
        import mx.controls.Alert;
         [Embed( source="style/querenxielu.gif" )]  
            private static const xl:Class;
            [Embed( source="style/nquerenxielu.gif" )]  
            private static const nxl:Class;
            private var xh:String;
            public function deal(event:MouseEvent):void{
             Alert.show(xh);
              outerDocument.deal(xh);
         }
         override public function set data(value:Object):void
                {
                 super.data=value;
                   xh=data["id"] + "";
                    var a:int = data["flag"] as int;
                    if(a==0){
                    setStyle("icon",xl);
                    }else{
                    setStyle("icon",nxl);
                    }   
                }   
       ]]>
      </mx:Script> 
      </mx:Button>
     </mx:Component>
    </mx:itemRenderer>
   </mx:DataGridColumn>
  </mx:columns>
 </mx:DataGrid>
</mx:Application>