Flex 3 在数据网格中添加图像

【问题标题】：Flex 3 Adding image in datagridFlex 3 在数据网格中添加图像
【发布时间】：2011-02-24 18:10:50
【问题描述】：

如何将图像添加到数据网格中的列？

目前我的代码是

<mx:DataGridColumn dataField="image" headerText="Photo Image" editable="false">
                <mx:itemRenderer>
                    <mx:Component>
                    <mx:HBox height="30" horizontalAlign="center">
                        <mx:Image source="{'assets/image.jpg'}"/>
                    </mx:HBox>
                    </mx:Component>
                </mx:itemRenderer>
</mx:DataGridColumn>

WGere dataField = "image" 是图片文件的名称。

【问题讨论】：

标签： image datagrid flex3

【解决方案1】：

见下文...假设“image”只有文件名，没有“assets/”的路径

<mx:DataGridColumn dataField="image" headerText="Photo Image" editable="false"> 
                <mx:itemRenderer> 
                    <mx:Component> 
                    <mx:HBox height="30" horizontalAlign="center"> 
                        <mx:Image source="{'assets/' + data.image}"/> 
                    </mx:HBox> 
                    </mx:Component> 
                </mx:itemRenderer> 
</mx:DataGridColumn>

如果图像的完整路径确实存储在“图像”中，则使用此

<mx:Image source="{data.image}"/>

【讨论】：