Adobe Flex: Trocar de figura no DataGrid de acordo com o DataProvider

July 12th, 2008 |

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.

<?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:

Posted in Adobe Flex |

Tags: Adobe Flex, DataGrid, DataProvider

Igor Musardo

3 Responses to “Adobe Flex: Trocar de figura no DataGrid de acordo com o DataProvider”

Leave a Reply