前述のように、フレックスAdvancedDataGridでアイコンと折り返し可能なテキストで構成される列ヘッダーを取得しようとしています。
(編集:コンテキストの重要な部分について言及するのを忘れました:列はactionscriptで動的に追加されます。これにより、動作が明らかに変わります。)
次のように、カスタムmxmlheaderRendererを使用してみました。
<mx:headerRenderer>
<fx:Component>
<mx:HBox width="100%"
height="100%"
verticalAlign="middle">
<mx:Image source="<image_url>"
width="10%"
height="100%"/>
<mx:Text text="{data.headerText}"
width="90%"
height="100%"/>
</mx:HBox>
</fx:Component>
</mx:headerRenderer>
ただし、何らかの理由で、ここのテキストは折り返される代わりに切り捨てられます(レンダラーの外部で機能します)。
また、AdvancedDataGridHeaderRendererのサブクラスを作成し、createChildrenをオーバーライドしてアイコンを追加してみました。
override protected function createChildren():void
{
var icon:Image = new Image();
icon.source = <image_url>;
icon.width = 16;
icon.height = 16;
addChild(icon);
super.createChildren();
}
しかし、その後、アイコンとテキストが重ね合わされます。
私はこれについての考えがありません。他に誰か?