DataGridとDataProviderで簡単に一覧表示

オリジナルでプログラムするので
as2時代からコンポーネントというものを仕事として使う機会も無く過ぎてきたので今回勉強してみました。

使い方はいたって簡単!
DataProviderが頭が良いのでObjectなりxmlなり突っ込めば勝手にうまいことやってくれる。すばらしいー。

compo1
コンポーネントを使うためにライブラリに追加しておけば、後はクラスを呼んでお決まりを書けば簡単に動く。

import fl.controls.DataGrid;
import fl.data.DataProvider;
 
var dammy:Array = [
       {	id:0 , name:"ジョン", age:21 },
       {	id:1 , name:"ボブ", age:32 },
       {	id:2 , name:"トニー", age:43 }
]
 
var dp = new DataProvider()
dp.addItems(dammy)
 
var dg:DataGrid = new DataGrid();
dg.headerHeight = 30				    // ヘッダの高さ
dg.sortableColumns=true				 // ソート機能
dg.allowMultipleSelection =true			// 複数アイテムの選択
dg.editable= true				      // 編集可/不可
dg.columns = ["id", "name", "age"]	    // 表示名を気にしなければこっちで簡単に設定
dg.dataProvider = dp
dg.width = 300
dg.height =200
addChild(dg)

エンタメ系の仕事でコンポーネントは使うことは無いけどAIRアプリを作成するときには使えそうなので今後、要勉強ですねー