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

Question

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

目前我的代码是

<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”是图片文件的名称。

Answer 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> 

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

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