Quebra de linha e HTML no Header do DataGrid
Em minha busca incessante por soluções simples que resolvem problemas desenvolvi mais um “componente” que acredito pode ser útil para as pessoas na comunidade Flex. Veja o exemplo:
Botão direito -> View Source
No exemplo acima, o primeiro Grid apresenta um header com quebra de linha na primeira coluna. O problema deste exemplo é que a quebra de linha é fixa independente da largura da coluna. Já o segundo Grid, que usa o “HTMLTextHeaderRenderer”, a quebra de linha no header ocorre de acordo com a largura da coluna. Além disso, o header agora aceita tags HTML.
Como eu já disse em posts anteriores sempre que eu chego a uma solução simples eu gosto de blogar. Segue abaixo o código do “HTMLTextHeaderRenderer”:
-
public class HTMLTextHeaderRenderer extends Text
-
{
-
-
public function HTMLTextHeaderRenderer()
-
{
-
selectable = false;
-
}
-
-
override public function set data(value:Object):void
-
{
-
htmlText = listData.label;
-
super.data = value;
-
}
-
}
Simples não?
2 comentários para “Quebra de linha e HTML no Header do DataGrid”
Beck, só para complementar, faltou dizer que o header possui quebra de linha, apenas setar na própria coluna a opção headerWordWrap=”true”.
abraços ;]
Bom complemento Clayton.
Adicionar comentário
Beck, só para complementar, faltou dizer que o header possui quebra de linha, apenas setar na própria coluna a opção headerWordWrap=”true”.
abraços ;]
Bom complemento Clayton.
