[flex] spark:DataGridのヘッダースタイル指定

2012年2月17日 propg Flex, 0

sparkのDataGridのヘッダー部にデフォルトで指定されているレンダラーは、
DefaultGridHeaderRendererです。

このクラスに対してスタイルを指定すれば、全列に対して共通的にスタイル変更できます。

s|DefaultGridHeaderRenderer {
	font-size:14;
	color:#ff0000;
	font-family:"MS Gothic";
}

ただし、fontWeightをnomralにしたり、
textAlignを変更しようとして、スタイルをセットしても全然反映されません。

なんでなのかと思って、DefaultGridHeaderRendererのソースを見てみました。

<s:Label id="labelDisplay" 
    verticalCenter="1" left="0" right="0" top="0" bottom="0"
    textAlign="start"
    fontWeight="bold"
    verticalAlign="middle"
    maxDisplayedLines="1"
    showTruncationTip="true" />

ラベル表示のソースを見てみるとtextAlignと、fontWeightの指定が固定されています。
スタイル指定が効かないのは、このせいのようです。

textAlignやfontWeightの指定を変えたい場合は、
headerRendererを作って、それぞれ指定するしかないようです。

sparkになってから、ちょっとした指定がいろいろ面倒になりました。
この程度の指定のために、rendererやskinを作るのは面倒だし、管理が大変です。

Flexがバージョンアップして、機能がアップしたところももちろんたくさんあるんですが、
今までの書き方が通用しなくなっているところもたくさんあって、使いづらいです。
改善は結構ですが、改悪は勘弁してください。。。

 

== ランキングに参加しています。ぜひクリックお願いします ==

datagrid, Fled, spark

[おすすめ書籍] 速効!SEのためのコミュニケーション実践塾 [Flex] NumericStepperのテキスト欄を手入力不可にする