DataGrid（Flex）においてのアイコンの表示方法

質問

何時もこのサイトで勉強させていただき大変感謝しています。
FlexのDataGridにアイコンをactionscriptを利用して表示させる方法について分かる方がいましたら教えていただけませんでしょうか。

参考書等には以下のようなサンプルが載っており参考にしました。
<!--アイコンを表示するレンダラーを定義-->
<mx:Component id=\"icon_renderer\">
<mx:HBox horizontalAlign=\"center\">
<mx:Image source=\"{data.icon}\" height=\"100\" width=\"100\"/> </mx:HBox>
</mx:Component>

<!-- データの定義 -->
<mx:ArrayCollection id=\"person_ary\">
<mx:Object name=\"Aさん\" age=\"30\" icon=\"image.png\"/>
</mx:ArrayCollection>

<mx:Datagrid id=\"a_grid\" dataProvider=\"{person_ary}\">
<mx:DataGridColumun itemRenderer=\"{icon_renderer}\" />
</mx:Datagrid>

参考書では上記のような方法でアイコンを表示させているのですが、私は<!-- データの定義 -->の部分をactionscriptで記述したいと考えています。
下記のようにactionscriptで記述するぶんにはアイコン以外は表示されるのですが、アイコンの情報をどう追加していいのか分からずにいます。

[Bindable]　private var person_ary:ArrayCollection = new ArrayCollection([]);
var new_item:Object = {name:\"Aさん\",age:\"30\"};
person_ary.addItem(new_item);

分かる方がいましたら、宜しくお願い致します。

回答No.1

mahny

こんにちは。
申し訳ないですが、作成したコード全体を掲示して頂けませんか？
サンプルが全く動かず改善ポイントが特定できません。

一応、今予想している原因を列挙してみます。
1. ActionScriptで宣言している変数new_item:Objectに そもそもiconフィールドが無いので表示されない。
2. ActionScriptの person_ary.addItem(new_item); が関数無いに記述されてなく、シンタックスエラー。
3. <mx:Datagrid> ではなく <mx:DataGrid>なので、型不明でエラー。
4. <mx:DataGrid>の子要素は<mx:DataGridColumun>ではなく<mx:columns>なので、シンタックスエラー。
5. <mx:DataGridColumun> に dataField="icon" が付いていない為、参照場所不明で表示されない。

#自分のサイトで恐縮ですが、アイテムレンダラのサンプルを掲載しているので興味があればどうぞ。

参考URL：

http://ciablo.blog70.fc2.com/blog-entry-117.html