[AS3]DataGrid コンポーネント

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

OKボタン(okbtn)の他に選択解除ボタン(clearbtn)を用意。
項目を3つ用意して、各値を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 = "項目1";
dg.addColumn(col1);

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

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

// データ設定

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

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


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

//OK
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で作成)は、こちら

コメント