[AS3]DataGrid コンポーネント

DataGrid コンポーネントのサンプルです。

OKボタン（okbtn）の他に選択解除ボタン（clearbtn）を用意。
項目を３つ用意して、各値をDataProviderで設定しています。

import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;

clearbtn.addEventListener(MouseEvent.CLICK , clearfunc); // 選択解除
okbtn.addEventListener(MouseEvent.CLICK , okfunc); // OKボタン

// カラム設定

var col1:DataGridColumn = new DataGridColumn("col1");
col1.headerText = "項目１";
dg.addColumn(col1);

var col2:DataGridColumn = new DataGridColumn("col2");
col2.headerText = "項目２";
dg.addColumn(col2);

var col3:DataGridColumn = new DataGridColumn("col3");
col3.headerText = "項目３";
dg.addColumn(col3);

// データ設定

var da:Array = new Array();
da.push({col1:1,col2:"２－１",col3:"項目3-1"});
da.push({col1:2,col2:"２－２",col3:"項目3-2"});
da.push({col1:3,col2:"２－３",col3:"項目3-3"});
da.push({col1:4,col2:"２－４",col3:"項目3-4"});

var dp:DataProvider = new DataProvider(da);
dg.dataProvider = dp;


// 選択解除
function clearfunc(e:Event):void{
	dg.clearSelection();
	txt.text = "選択を解除しました";
}

//ＯＫ
function okfunc(e:Event):void{
	
	if( dg.selectedItem == null ){
		txt.text = "選択されていません";
	}else{
		txt.text =  dg.selectedItem.col1 + "　：　" + 
		dg.selectedItem.col2 + "　：　" + 
		dg.selectedItem.col3 ;
	}
}

動作確認用　.fla(CS6で作成)は、こちら