Como colorir celula de forma condicional?

7 de junho de 2012 2 respostas

douglasmorais 7 de junho de 2012

Ola amigos.

Alguem conhece algum framework que possa ser usado para colorir celulas de uma tabela de maneira condicional ?

Estou precisando desenvolver uma aplicacao onde o status da encomenda devera ser disponibilizado por cores.

Pensei em listar os pedidos em uma tabela com uma coluna chamada Status que, de acordo com o prazo de entrega, devera ser VERMELHO para atrasado, VERDE para disponivel, e AMARELO para atraso no fornecedor.

Se alguem nao conhecer nenhum framework, ideias de como implementar de outra forma tambem sao bem vindas…

2 Respostas

andre.froes 7 de jun. de 2012

Cara, existem formas bem simples de fazer isso sem a necessidade de um framework, até mesmo com o jstl puro.
Deixa eu tentar explicar melhor, você tem o css:

Com JSP

Esse seria o resultado final da tabela em html que vamos tentar alcançar

.atrasado{background-color: red;}
.disponivel{background-color: green;}
.atraso-fornecedor{background-color: yellow;}

na hora de criar o loop, ficaria dessa forma:

&lt;tr class="${propriedadeAComparar eq 'disponivel' ? 'disponivel' : (propriedadeAComparar eq 'atrasado' ? 'atrasado' : 'atraso-fornecedor')}"&gt;

com isso, ele verifica a propriedade e lança a classe do css que deve sair na linha:

com JSF é o mesmo procedimento, só que com jquery, você localiza a tr mais proxima e colore de acordo com a propriedade escolhida. (com a propriedade .closest(“tr”) )

douglasmorais 8 de jun. de 2012

Amigo, muito obrigado.

Criado 7 de junho de 2012

Ultima resposta 8 de jun. de 2012

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados