DataGridのデータ追加と削除[Array版： dataProviderから操作]

forked:2
favorite:0
lines:31
license : MIT License
modified : 2009-12-18 12:41:17

Embed: Tweet

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()" pageTitle="要素の追加・削除：コレクション">
	<mx:Script>
	<![CDATA[
    import mx.collections.*;
	import mx.controls.Alert;
	
    // 元となるデータを作成
	[Bindable]
    private var def_array:Array = [
        {name:'suzuki',money:500,number:1},
        {name:'sato',money:300,number:2}
    ];

private function btn_click_add():void{
	    dg.dataProvider.addItemAt({name:'suzuki',money:500,number:1},1);
	}
	
	private function btn_click_remove():void{
		if(dg.selectedIndex >= 0){
		    dg.dataProvider.removeItemAt(dg.selectedIndex);
		}
	}
    ]]>
	</mx:Script>
	<mx:DataGrid dataProvider="{def_array}" id="dg">
        <mx:columns>
            <mx:DataGridColumn dataField="name" headerText="名前" />
            <mx:DataGridColumn dataField="money" headerText="金額" />
            <mx:DataGridColumn dataField="number" headerText="番号" />
        </mx:columns>
    </mx:DataGrid>
	<mx:Button label="要素の追加" click="btn_click_add()" />
	<mx:Button label="要素の削除" click="btn_click_remove()" />
</mx:Application>

Code Fullscreen

Preview Fullscreen