flex学习记录——加载图片

<page:NoGraphDataGridPage id="searchResultCollectionDataGrid" width="652" height="380" totalRows="80">               
         <page:pageColumns>
           <mx:DataGridColumn headerText="图片" color="black" sortable = "false" dataField="area" textAlign="center" width="100">
             <mx:itemRenderer>
               <mx:Component>
                 <mx:Canvas>
                   <mx:Image x="70"  visible="{data.area == 0?true:false}" 
                        source="@Embed(source='myComponents/images/jx/yellow.png')"/>
                    <mx:Image x="70"  visible="{data.area == 1?true:false}" 
                        source="@Embed(source='myComponents/images/jx/yellow.png')"/>
                    <mx:Image x="70"  visible="{data.area == 2?true:false}" 
                        source="@Embed(source='myComponents/images/jx/red.png')"/>
                </mx:Canvas>
              </mx:Component>
            </mx:itemRenderer>
          </mx:DataGridColumn>                   
         </page:pageColumns>
                    
         </page:NoGraphDataGridPage>

根据传过来的内容，加载不同的图片：