动态给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>[e-mail]</email>

            <active>true</active>

        </employee>

        <employee>

            <name>Joanne Wall</name>

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

            <email>[e-mail]</email>

            <active>true</active>

        </employee>

        <employee>

            <name>Maurice Smith</name>

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

            <email>[e-mail]</email>

            <active>false</active>

        </employee>

        <employee>

            <name>Mary Jones</name>

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

            <email>[e-mail]</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>