New Feature: Definição de classes de CSS para cada linha ou célula de uma Grid

[Pedro Viegas]

Boa tarde,

Na DIF 3.0.1 passou a ser possível definir classes de CSS para linhas e células de uma grid.

Esta definição é aplicada de 3 formas possíveis:

1. Uma class rígida
2. Um atributo (coluna) de dados cujo valor é o nome ou lista de nomes da classe de CSS
3. Uma função de JavaScript que de forma dinâmica analisará os dados e devolve o nome ou lista de nomes da classe de CSS

Definição de classe de CSS para uma linha de uma Grid

Passaram a existir os 3 novos parâmetros na tag <dif:grid>:

1. rowClass: Simplesmente o nome da classe que será aplicada a todas as linhas
2. rowClassAttribute: O nome do atributo de uma das colunas declaradas da grid. O seu valor será usado como o nome da classe para todas as linhas.
1. NOTA: A coluna tem que estar declarada numa das <dif:column> da grid.
3. rowClassFunction: O nome de uma função de JavaScript que será chamada a cada linha para determinar a classe de CSS a aplicar
   

Exemplo da função de JavaScript:

cssRowColor = function (record, index, rowParams, store) {
    return record.get('CD_PLANO') == 2 ? "redBackground bold whitetext" : "";
}

Definição de classe de CSS para uma célula de uma Grid

Passaram a existir os 3 novos parâmetros na tag <dif:column>:

1. cssClass: Simplesmente o nome da classe que será aplicada a esta célula
2. cssClassAttribute: O nome do atributo de uma das colunas declaradas da grid. O seu valor será usado como o nome da classe para esta célula
1. NOTA: A coluna tem que estar declarada numa das <dif:column> da grid.
3. cssClassFunction: O nome de uma função de JavaScript que será chamada a cada célula desta coluna para determinar a classe de CSS a aplicar
   

Exemplo da função de JavaScript:

cssCellColor = function (record, rowIdx, colIdx, store) {
    return record.get('CD_PLANO') == 2 ? "redBackground bold whitetext" : "";
}

Com os melhores cumprimentos,

---

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