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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

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?

Quebra de linha e HTML no Header do DataGrid

2 comentários

Deixe Seu Comentário