halo的grid DataGridColumn itemRenderer 混用 spark 組件

halo的grid DataGridColumn itemRenderer  混用 spark 組件

一般在 halo DataGridColumn  itemRenderer  中使用圖片在數據源中定義好了

例如：

<fx:Declarations>
<s:ArrayCollection id="slideShowData"> <fx:Array> <fx:Object name="Flash Player" bu="Platform" icon="@Embed(source='assets/icons/1.png')" /> </fx:Array>
</s:ArrayCollection>
</fx:Declarations>

 

 1.itemRenderer  使用halo組件

注意：一定不要 在 DataGridColumn 節點中定義 dataField映射的列，否則圖片不出來（筆者親自測試過）

例如：<mx:DataGridColumn headerText="Business Unit" dataField="icon">
         <mx:itemRenderer>。。。。

 

<mx:DataGridColumn headerText="Business Unit" >
<mx:itemRenderer>
<fx:Component> 
<mx:Image source="{data.icon}" width="50" height="50" />
 </fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn> 

 

 強制使用 spark 在 itemRenderer中使用image的話是一個錯誤：如圖：

   需要這樣做：代碼如下：

<mx:DataGridColumn headerText="Business Unit" >
<mx:itemRenderer>
<fx:Component>
<s:MXDataGridItemRenderer>
<s:Image source="{data.icon}" width="50" height="50" />
</s:MXDataGridItemRenderer>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>