Disclaimer, I'm new to Flex. Been using it for just over a month. I've hit my first speedbump. I am trying to dynamically add an image to a DataGridColumn. I have an xml file that is being read via a HttpService. Everything looks great. It's loading a customer list into a DataGrid. I have a column that is mapped to a gender attribute in my xml. I want to move from displaying a 'f' or 'm' in the column to displaying a male or female image in the column.
I first tried using the labelFunction on DataGridColumn to get a image, and all that returned was the filename, but not the image. Now I'm stuck. I've kind of given up on the dynamic method and have modified my xml adding an attribute that points to the gender image. I'm still having no luck. I am simply getting a broken image in my DataGridColumn. I've found a lot of examples that show doing something similar to this with an Array, but none with XML. Any help would be greatly appreciated. I'm attaching some code below to show what I'm doing. It will only be snippets, but I'll be glad to zip up and send what I've got. Erik Weibust Code Snippets: <mx:DataGrid id="custList" change="populateForm(event)" width="100%" height="100%" styleName="custLabel" dataProvider="{customersDP}"> <mx:columns> <mx:DataGridColumn headerText="gender" width="80"> <mx:itemRenderer> <mx:Component> <mx:Image source="@gender_image" /> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> <!-- <mx:DataGridColumn dataField="@gender_image" headerText="gender" /> --> <mx:DataGridColumn dataField="@name" headerText="customer" />