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

时间:2010-05-27 16:21:10

标签: image datagrid flex3

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

目前我的代码是

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

1 个答案:

答案 0 :(得分:3)

见下文......假设“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}"/>