［Flex/AIR］DataGrid で htmlText を使ってHTML形式テキストを表示するには

最近はちょっとAdobe Flash Builderの体験版をインストールしてFlex AIRアプリを作っていたりします。とりあえずTwitterクライアントなどに取り組んでみています。

アプリ製作中にDataGridのセルにHTMLテキストを表示させる手順について調べましたので、メモ書き程度に。まぁ、HTMLテキストといっても簡単なタグしか使えないものですが、見栄えを整えるにはそれで十分かと。

DataGridで実際にセルに表示されている部分のコンポーネントはitemRendererで決定されるようです。DataGridで通常使用されているDataGridItemRendererの代わりに、HTML形式文字列を表示できるタイプのコンポーネントを作ってやればOKだろうと推測を立ててみました。

しかも、通常のDataGridItemRendererを調べてみるとTextFieldの派生ではありませんか！
ということは、何とかしてテキストをitemRendererの htmlText プロパティにセットしてやることができればうまくいくはずです。

ということで、試行錯誤を重ねて出来上がった DataGirdItemRenderer の派生クラスが以下。

package
{
    import mx.controls.dataGridClasses.DataGridItemRenderer;
    
    public class HtmlDataGridItemRenderer extends DataGridItemRenderer
    {
        override public function validateProperties():void
        {
            super.validateProperties();
            if (listData) {
                htmlText = listData.label;
            }
        }
    }
}

validateProperties() をオーバーライドして htmlText をセットしてます。それだけです。
詳しい原理は知りませんがまぁその辺はキニシナイ。
（パッケージ名がないじゃないか！とか、その辺もキニシナイ。まぁ慣れないもので。）

で、実際にDataGridを作成する際に、このクラスを DataGridColumn の itemRenderer プロパティに設定するなり、  DataGrid の defaultDataGridItemRenderer （こちらはFlex 4.0の新しいものかしら。）に指定してやるなりして、あとは通常のテキストの代わりにHTML形式のテキストを渡せばよしということで。

ちなみに、この状態だと <a> タグでリンク先をブラウザで表示させたりとかイベントを発生させたりがうまく働かないようです。
調べてみたところ、上で作成した DataGridItemRenderer の selectable を true にすれば良いようです。
が、実際に試してみてちょっと私の目的には合わなかったのでそちらは却下。
ここでも詳しくは触れませんのであしからず。