Mega Code Archive

 

Categories / Flex / Grid

 

Use Image control as item renderer

<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >     <mx:Script>              import mx.collections.ArrayCollection;         [Bindable]         private var myData:ArrayCollection = new ArrayCollection([                { CD:'A', Album:'aa',Price:1.9, Cover: 'A.jpg'},                { CD:'B', Album:'bb',Price:1.9, Cover: 'B.jpg'}         ]);        </mx:Script>     <mx:DataGrid id="myGrid" dataProvider="{myData}" rowHeight="50">         <mx:columns>             <mx:DataGridColumn dataField="CD"/>             <mx:DataGridColumn dataField="Album"/>             <mx:DataGridColumn dataField="Cover" itemRenderer="mx.controls.Image"/>             <mx:DataGridColumn dataField="Price"/>         </mx:columns>     </mx:DataGrid> </mx:Application>