Facilitadores para aplicar cores nas células de uma grid

[Pedro Viegas]

Boa tarde,

 

Já temos funcionalidades para aplicar cores nas células das grids.

Nomeadamente:

 

<dif:column cssClassFunction="" cssClassAttribute="" cssStyleAttribute=""/>

 

O primeiro usa uma função de JavsScript que devolverá as classes de CSS a aplicar.

Os outros usam o valor de uma dada coluna da grid como a lista de classes ou estilos a aplicar.

 

Para facilitar o uso do primeiro, o cssClassFunction e também normalizar o aspeto gráfico, foram criadas as seguintes funções utilitárias:

• dif.Util.Formats.gridCellAlertText: O texto fica vermelho e a bold
• dif.Util.Formats.gridCellAlert: O fundo de toda a célula fica vermelho e o texto a bold
• dif.Util.Formats.gridCellWarn: O fundo de toda a célula fica amarelo e o texto a bold

 

Estas funções recebem uma função validadora.

Vejamos um caso de uso:

 

Em primeiro lugar definimos a nossa função JS que usa a utilitária:

 

gridCellClassDocumentoAnulado = dif.Util.Format.gridCellAlert(function (r) {
    return r.get('estadoDocumento') == 'Anulado' || r.get('estadoDocumento') == 'Anulada';
});

 

Depois usamos a mesma da seguinte forma:

 

<dif:column attribute="estadoDocumento" title="${messages.codeEstado}" width="70px"
            cssClassFunction="gridCellClassDocumentoAnulado"/>

 

Com os melhores cumprimentos,

Best regards,

 

Pedro Viegas
Director Departamento de Desenvolvimento
(Development Manager)
Digitalis Informática Lda
R&D: http://development.digitalis.pt