动态给DataGrid增加行及列

添加列：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">



<mx:Script>

<![CDATA[

import mx.controls.dataGridClasses.DataGridColumn;



//点击按钮事件

private function btnAddColumn_click():void

{

var dgColumn:DataGridColumn=new DataGridColumn("Email");

dgColumn.dataField="email";

dgColumn.width=100;

dgTest.columns=dgTest.columns.concat(dgColumn);

}

]]>

</mx:Script>



<mx:XMLList id="employees">

<employee>

<name>Christina Coenraets</name>

<phone>555-219-2270</phone>

<email>ccoenraets@fictitious.com</email>

<active>true</active>

</employee>

<employee>

<name>Joanne Wall</name>

<phone>555-219-2012</phone>

<email>jwall@fictitious.com</email>

<active>true</active>

</employee>

<employee>

<name>Maurice Smith</name>

<phone>555-219-2012</phone>

<email>maurice@fictitious.com</email>

<active>false</active>

</employee>

<employee>

<name>Mary Jones</name>

<phone>555-219-2000</phone>

<email>mjones@fictitious.com</email>

<active>true</active>

</employee>

</mx:XMLList>



<mx:DataGrid id="dgTest" x="10" y="10" width="434" height="302" dataProvider="{employees}" >

<mx:columns>

<mx:DataGridColumn headerText="name" dataField="name"/>

<mx:DataGridColumn headerText="phone" dataField="phone"/>

</mx:columns>

</mx:DataGrid>



<mx:Button id="btnAddColumn" x="452" y="11" label="Add Column" click="btnAddColumn_click()"/>



</mx:Application>



添加行：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">



<mx:Script>

<![CDATA[

import mx.collections.ArrayCollection;



//点击按钮事件

private function btnAddRow_click():void

{

var obj:Object=new Object();

obj.label="kelvin";

obj.data="I don't know what are you talking about";

acTest.addItem(obj);

//如果Datagrid没有更新，添加下面这句

//acTest.refresh();

}

]]>

</mx:Script>



<mx:ArrayCollection id="acTest">

<mx:Object label="MI" data="Lansing"/>

<mx:Object label="MO" data="Jefferson City"/>

<mx:Object label="MA" data="Boston"/>

<mx:Object label="MT" data="Helena"/>

<mx:Object label="ME" data="Augusta"/>

<mx:Object label="MS" data="Jackson"/>

<mx:Object label="MN" data="Saint Paul"/>

</mx:ArrayCollection>



<mx:DataGrid id="dgTest" x="10" y="10" width="434" height="302" dataProvider="{acTest}" >

<mx:columns>

<mx:DataGridColumn headerText="name" dataField="label"/>

<mx:DataGridColumn headerText="phone" dataField="data"/>

</mx:columns>

</mx:DataGrid>



<mx:Button id="btnAddRow" x="452" y="11" label="Add Row" click="btnAddRow_click()"/>



</mx:Application>