Em um projeto com Adobe Flex precisei alterar a imagem de uma determinada célula no DataGrid de acordo com o valor originado do DataProvider.

Por exemplo, se no DataProvider o campo STATUS vier preenchido com 0 deve ser exibida a imagem off.png, caso contrário, dever ser exibida a imagem on.png.

Após várias pesquisas no Google, fiz uma compilação dos casos semelhantes e cheguei ao resultado que eu desejava.

Abaixo segue o código com essa funcionalidade.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			[Bindable]
			private var arAlternate:Array = new Array({"STATUS":0},{"STATUS":1},{"STATUS":1},{"STATUS":0},{"STATUS":1},{"STATUS":0});
		]]>
	</mx:Script>
	<mx:DataGrid id="dgAlternate" width="60" dataProvider="{arAlternate}">
	<mx:columns>
		<mx:DataGridColumn headerText='Status'>
			<mx:itemRenderer>
				<mx:Component>
					<mx:Image horizontalAlign="center" width="32" height="32" source="{data.STATUS == 0 ? 'off.png' : 'on.png'}" />
				</mx:Component>
			</mx:itemRenderer>
		</mx:DataGridColumn> 
	</mx:columns>
	</mx:DataGrid>
</mx:Application>

O resultado final obtido foi:




Posts similares
  1. Adobe Flex - Como colocar gráficos em repeater
  2. Gráfico Cascata (Waterfall Chart aka Flying Bricks Chart) no Flex
  3. Modelo de consultas e relatórios ad-hoc no Adobe Flex
  4. Adobe Flex - Exportar Datagrid para Excel
  5. Adobe Flex - Criar colunas dinamicamente na DataGrid
  6. Flex Erro #1034: Não é possível converter DragManagerImpl em IDragManager
  7. Os 45 tutoriais de Adobe Flex mais procurados
  8. Mudar ícone do botão no Flex em tempo de execução
  9. Travar a seleção de datas anteriores a hoje no Flex
  10. Configurar o layout com CSS das aplicações Adobe Flex