Flex 动态数据绑定

<?xml version="1.0"?>
<mx:Application initialize="init()" xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" width="600" fontFamily="宋体" fontSize="12">
<mx:Script>
<![CDATA[
import mx.binding.utils.BindingUtils;
import mx.collections.ArrayCollection;
import mx.controls.*;
import mx.controls.dataGridClasses.*;
import mx.utils.ObjectProxy;
private var DataGrid1:DataGrid;

[Bindable]
public var dt:ArrayCollection = new ArrayCollection([{id:1,name:"苹果",count:100},
{id:2,name:"西瓜",count:200},
{id:3,name:"水蜜桃",count:50}]);

private function init():void{


DataGrid1 = new DataGrid()
DataGrid1.x = 10
DataGrid1.y = 30
DataGrid1.width = 275
addChild(DataGrid1)
crColumn();//用脚本增加列

BindingUtils.bindProperty( DataGrid1, "dataProvider" , dt,"source" );

}

private function crColumn():void{
var col:DataGridColumn;
col = new DataGridColumn();
col.headerText = "序号";
col.dataField = "id";
DataGrid1.columns = DataGrid1.columns.concat(col);

col = new DataGridColumn();
col.headerText = "名称";
col.dataField = "name";
DataGrid1.columns = DataGrid1.columns.concat(col);

col = new DataGridColumn();
col.headerText = "数量";
col.dataField = "count";
DataGrid1.columns = DataGrid1.columns.concat(col);
}

private function changeData():void{
dt.source = [{id:1,name:"好用",count:100},
{id:2,name:"测试",count:200},
{id:3,name:"水蜜桃",count:50}]
}
]]>
</mx:Script>

<mx:DataGrid id="DataGrid2" dataProvider="{dt}" width="275" y="30" right="10">
<mx:columns>
<mx:DataGridColumn headerText="序号" dataField="id"/>
<mx:DataGridColumn headerText="名称" dataField="name"/>
<mx:DataGridColumn headerText="数量" dataField="count" editorDataField="value"/>
</mx:columns>
</mx:DataGrid>

<mx:Button label="check" click="changeData()"/>
<mx:Label x="440" y="10" text="mxml"/>
<mx:Label x="104" y="10" text="actionscript"/>

</mx:Application>