Use two data fields in one itemRenderer
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
public var localVar:String="localVar";
[Bindable]
private var myData:ArrayCollection = new ArrayCollection([
{CD:'A', CDName:'aa',Price:1.9, Cover:'a.jpg'},
{CD:'B', CDName:'bb',Price:1.9, Cover:'b.jpg'}
]);
</mx:Script>
<mx:DataGrid id="myGrid" dataProvider="{myData}" variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn dataField="CD"/>
<mx:DataGridColumn dataField="CDName">
<mx:itemRenderer>
<mx:Component>
<mx:VBox>
<mx:Text id="albumName" width="100%" text="{data.CDName}"/>
<mx:Image id="albumImage" height="45" source="{data.Cover}"/>
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="Price"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Related examples in the same category