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.



	
		
	
	
		
			
				
					
				
			
		
	
	

O resultado final obtido foi:

About Author

You may also like

10 Response Comments

  • cyberfifa  14/04/2009 at 12:49

    Bom tutorial…também serviu para mim.

    Abraço Filipe

  • leandro  17/09/2009 at 10:38

    Velho, show de bola!
    ficou perfect.

  • ANdre Cardoso  08/03/2010 at 13:38

    Igor,
    Parabéns pela iniciativa de publicar estes exemplos. AJudam muito quem esta iniciando.
    Porém eu recebo um error quando vou executar o meu programa.

    No caso recebo o seguinte erro:
    The element type mx:xolumns must be terminated by the matching end-tag

    O que eu faço?
    Podes me ajudar?

    Obrigado.

  • Igor Musardo  08/03/2010 at 19:51

    @AndreCardoso você pode compartilhar a o código que está gerando esse erro?

  • valter  04/05/2010 at 21:42

    Ola igor gostaria de saber se este exemplo da para implementar em um codigo onde uso um array para carregar o campo status do banco.

    exemplo status AA=(imagem verde) BT = (imagem azul) AG= (imagem amarela)

    pois eu tenho um codigo aqui que quando eu lista as imagens na grid ela duplica as cores pode me ajudar?

  • Filipe  18/08/2010 at 16:13

    Galera, eu queria saber se tem como aplicar um filtro na coluna e filtrar por status.. Tipo.. mostrar apenas os on ou os off… valeu

  • Thiago Perrud  04/02/2011 at 10:57

    Ola Pessoal, bom hoje tive que fazer algo parecido aqui no trabalho e mais uma vez esse excelente blog me ajudou, desde já eu agradeço ao Igor e a todos os participantes.

    O unico problema é que eu precisava chavear entre 3 imagens então encontrei a seguinte solução:

    /* CODIGO */

    public function fGetImg(tpServico: int):String
    {
    if(tpServico == enumTpServico.FRETAMENTO) return ‘images/fretamento.png’;
    else if(tpServico == enumTpServico.REGULAR ) return ‘images/regular.png’;
    else return ‘images/escolar.png’;
    }

    Na Coluna “Tipo” eu inseri uma componente imagem e na propriedade source da imagem apontei pra uma função que retorna o endereço da imagem correta.

    Abraço a todos.
    Vlw.

  • Nome  14/04/2011 at 18:21

    Ótimo exemplo.

    Entretanto, quando eu altero uma propriedade do array (por exemplo, status = 1) em tempo de execução, a renderização não é atualizada. Como resolver esse problema?

  • Francisco  13/05/2011 at 17:25

    Valeu Igor, muito bom seu artigo, é o tipo de ajuda que não tem preço.
    Abs.
    Francisco

    • Igor Musardo  13/05/2011 at 18:36

      🙂 O objetivo é compartilhar o conhecimento!!!

      Abraços,

      Igor Musardo