Item renderer that renders an image in a column : DataGridColumn « Grid « Flex






Item renderer that renders an image in a column

         
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundColor="white">
    <mx:Script>
        
        import mx.collections.ArrayCollection;
        [Bindable]
        public var myAC:ArrayCollection = new ArrayCollection([
            {name:"A",thumbnail:"logo.jpg"},
            {name:"B",thumbnail:"logo.jpg"}
        ]);
      
    </mx:Script>
    <mx:DataGrid id="dg" width="250" height="100"
        dataProvider="{myAC}">
        <mx:columns>
            <mx:DataGridColumn headerText="Name" dataField="name" />
            <mx:DataGridColumn headerText="Picture" dataField="thumbnail" itemRenderer="mx.controls.Image" />
        </mx:columns>
    </mx:DataGrid>
</mx:Application>

   
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Link Object attribute with DataGridColumnLink Object attribute with DataGridColumn
2.Set DataGridColumn to not editableSet DataGridColumn to not editable
3.Set header text for DataGridColumnSet header text for DataGridColumn
4.Toggle the visibility for a DataGridColumnToggle the visibility for a DataGridColumn
5.Hide DataGridColumn by setting visible to falseHide DataGridColumn by setting visible to false
6.Using DataGridColumn to control column titlesUsing DataGridColumn to control column titles
7.Using a label function to support a multicolumn DataGridUsing a label function to support a multicolumn DataGrid
8.DataGrid column with an inline item rendererDataGrid column with an inline item renderer
9.Set Column width for DataGridSet Column width for DataGrid
10.Set an Array element to the child tag of the tagSet an Array element to the <mx:columns> child tag of the <mx:DataGrid> tag
11.Hiding and displaying DataGrid columnsHiding and displaying DataGrid columns
12.Sorting a DataGrid on multiple columnsSorting a DataGrid on multiple columns
13.Resizable DataGridColumnResizable DataGridColumn
14.DataGridColumn Header TextDataGridColumn Header Text
15.DataGridColumn editorDataFieldDataGridColumn editorDataField
16.Reference data from ArrayCollection from DataGridColumnReference data from ArrayCollection from DataGridColumn
17.DataGrid with DataGridColumnDataGrid with DataGridColumn
18.DataGrid and DataGridColumnDataGrid and DataGridColumn
19.Use to set optionsUse <mx:DataGridColumn> to set options
20.DataGrid Default Columns
21.DataGrid Explicit Columns
22.Use Labels from ArrayCollection as the column title for DataGridUse Labels from ArrayCollection as the column title for DataGrid
23.Specify Sort Functions for DataGrid Columns
24.Specify an Array element to the child tag of the tagSpecify an Array element to the <mx:columns> child tag of the <mx:DataGrid> tag
25.DataGrid Visible ColumnDataGrid Visible Column
26.Handling a user interaction and passing only data to a function
27.Use item editorsUse item editors