Flex 3 Adding image in datagrid

Question

How do i add a image to a column in the datagrid?

Currently my code is

<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 the dataField = "image" is the name of the picture file.

Chris Klepeis · Accepted Answer · 2010-05-27 16:24:17Z

3

See below... assuming "image" only has the filename, and not the path of "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>

If the full path to the image is indeed stored in "image", then use this

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

answered May 27, 2010 at 16:24

Chris Klepeis

10k16 gold badges88 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Flex 3 Adding image in datagrid

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related