如何防止flex datagrid中的数据绑定?

时间:2012-04-12 06:07:36

标签: actionscript-3 flex flex4

我在flex中有两个Datagrid。我将数据从Datagrid1绑定到Datagrid2,如

(Datagrid2.dataProvider=Datagrid1.dataProvider as ArrayCollection;) 

如果我删除Datagrid2数据,则会自动删除另一个Datagrid1

所以我不希望在Datagrid1中删除数据。我怎么能这样做,但我有其他选择删除数据到Datagrid1

2 个答案:

答案 0 :(得分:1)

这主要是因为Datagrid1.dataProvider和Datagrid2.dataProvider是指针。每当你设置object1 = object2时,它们将共享相同的内存,因为你给它们相同的地址来查看。

删除此类引用的许多简单方法。

datagrid2.dataProvider = datagrid1.dataProvider.toArray();

datagrid2.dataProvider = ObjectUtil.copy(datagrid1.dataProvider)as ArrayCOllection;

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

            private function deleteFromDataGrid1():void {
                if(datagrid1.selectedIndex > -1)
                    myAC.removeItemAt(datagrid1.selectedIndex);

                myAC.refresh();
            }

            private function deleteFromDataGrid2():void {
                if(datagrid2.selectedIndex > -1)
                    datagrid2.dataProvider.removeItemAt(datagrid2.selectedIndex);
            }
        ]]>
    </mx:Script>

    <!-- An ArrayCollection with an array of objects -->
    <mx:ArrayCollection id="myAC">
        <!-- Use an mx:Array tag to associate an id with the array. --> 
        <mx:Array id="myArray">
            <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:Array> 
    </mx:ArrayCollection>

    <mx:ApplicationControlBar>
        <mx:Button id="myButton" label="deleteFromDataGrid1" click="deleteFromDataGrid1()"/>
        <mx:Button id="myButton2" label="deleteFromDataGrid2" click="deleteFromDataGrid2()"/>
    </mx:ApplicationControlBar>

   <mx:HBox width="100%" horizontalAlign="center" height="100%">
     <mx:DataGrid id="datagrid1" dataProvider="{myAC}" height="100%"/>

    <mx:DataGrid id="datagrid2" dataProvider="{datagrid1.dataProvider.toArray()}" height="100%"/>
</mx:HBox>

</mx:Application>

答案 1 :(得分:0)

使用以下......

(Datagrid2.dataProvider = ObjectUtil.copy(Datagrid1.dataProvider) as ArrayCollection;)

private var _coll:ArrayCollection;

private function setData():void{
   Datagrid1.dataProvider =  _coll;
   Datagrid2.dataProvider =  ObjectUtil.copy(_coll) as ArrayCollection;
}

在上述情况下;如果删除,则从一个数据网格中更改项目不会影响到另一个数据网格...