Flex：在有序DataGrid顶部添加新行

 

<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/29905010_d.html -->
<!-- http://www.slsay.com -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init();">
        <mx:Script>
            <![CDATA[
                import mx.collections.ArrayCollection;
                import flash.utils.ByteArray;
                public var objs:ArrayCollection = new ArrayCollection();
                private function init():void
                {
                    var obj:Object = new Object();
                    obj.name = "Aslan";
                    objs.addItem(obj);
                    obj = new Object();
                    obj.name = "Shek";
                    objs.addItem(obj);
                    obj = new Object();
                    obj.name = "Yecon";
                    objs.addItem(obj);
                    obj = new Object();
                    obj.name = "Slsay";
                    objs.addItem(obj);
                    obj = new Object();
                    obj.name = "Welcome";
                    objs.addItem(obj);
                    obj = new Object();
                    obj.name = "HaHa";
                    objs.addItem(obj);
                    dg.dataProvider = objs;
                }
                private function clone(source:Object):*
                {
                    var myBA:ByteArray = new ByteArray();
                    myBA.writeObject(source);
                    myBA.position = 0;
                    return(myBA.readObject());
                }
                private function addObj():void
                {
                    var temp:Array = clone(objs.toArray());
                    objs=new ArrayCollection(temp);
                    dg.dataProvider=objs;
                    var obj:Object = new Object();
                    obj.name="";
                    objs.addItemAt(obj, 0);
                }
            ]]>
        </mx:Script>
    <mx:Button width="150" label="Add New Row" click="addObj();"/>
    <mx:DataGrid id="dg" editable="true" width="50%" height="80%">
        <mx:columns>
            <mx:DataGridColumn headerText="Name" dataField="name" editable="true"/>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>