Flex表格显示图片

<mx:DataGridColumn headerText="图片" width="50" textAlign="center" id="colImg" visible="false">
	<mx:itemRenderer>
		<mx:Component>
			<mx:VBox width="100" height="100%" dataChange="setImage()"  horizontalAlign="center" verticalAlign="middle">
				<mx:Script>
					<![CDATA[ 
          				import mx.controls.Image; 
        
			            [Bindable] 
					    [Embed(source='../assets/1.gif')] 
					    public var img1:Class;
					    
					    [Bindable] 
					    [Embed(source='../assets/2.gif')] 
					    public var img2:Class;
        
          				public function setImage():void 
          				{ 
        					imageBox.removeAllChildren(); 
                    		var image:Image = new Image(); 
         					//有逻辑判断时这样写，无逻辑判断直接设置即可
				            if(data.type== "0") 
				            {   
				            	image.source = img1;
				            	image.toolTip="图片1";
				           	} 
				            else
				            {
				            	image.source = img2;
				            	image.toolTip="图片2";
				            }
				            image.setStyle("horizontalAlign", "center"); 
				            image.setStyle("verticalAlign", "middle"); 
				                     
				            imageBox.addChildAt(image, 0); 
			              }
				    ]]> 
				</mx:Script>
				<mx:VBox id="imageBox" height="100%"  horizontalAlign="center" verticalAlign="middle"></mx:VBox>
			</mx:VBox>
		</mx:Component>
	</mx:itemRenderer>
</mx:DataGridColumn>