How can I get whether advanceddatagrid data is modified or not in flex?

Question

I have an advanced data grid with many rows and columns(editable). I want to save the data from grid only if there is any change made in the grid. How can this be done without using boolean variable? Is there any inbuilt function for eg: like 'datagridId.isModified'.

Serge Him · Answer 1 · 2013-01-25T07:16:00.947

Here is the way to know that the data was really changed:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
    <mx:AdvancedDataGrid id="myGrid"
                         dataProvider="{dataCollection}"
                         width="200" height="100%" editable="true">
        <mx:groupedColumns>
            <mx:AdvancedDataGridColumn dataField="name"/>
            <mx:AdvancedDataGridColumn dataField="score"/>
        </mx:groupedColumns>
    </mx:AdvancedDataGrid>

    <mx:Script>  
        <![CDATA[  
            import mx.collections.ArrayCollection;
            import mx.events.CollectionEvent;

            [Bindable]  
            private var dataCollection:ArrayCollection = new ArrayCollection([  
                {name:"Name1", score:0},   
                {name:"Name2", score:10},   
            ]);

            private function init():void 
            {
                myGrid.dataProvider.addEventListener(CollectionEvent.COLLECTION_CHANGE, saveData);
            }

            private function saveData(event:CollectionEvent):void 
            {
                //your saving code
                trace("saving");
            }
        ]]>  
    </mx:Script> 
</mx:Application>

Thanks Serge Him. Where should I place this? In the save function or some where else? — Vishnu Vikraman Sreekala, Jan 24 '13 at 10:51
I understand that you want to save the data as soon as they changed. So, of course, u need add this handler after dataProvider of DataGrid is set and call save from here — Serge Him, Jan 24 '13 at 11:05
`` This is where dataprovider of my grid is setting. How can I use the above code @Serge Him mentioned in my file. — Vishnu Vikraman Sreekala, Jan 25 '13 at 06:57

score 0 · Answer 2 · answered Jan 24 '13 at 22:06

Just as an FYI - the code above will fire in all scenarios - data provider refreshses, sorts, etc. There is a collection event kind that will limit when it dispatches

dataGrid.dataProvider.addEventListener(CollectionEvent.COLLECTION_CHANGE, function(e:CollectionEvent) {
    if(e.kind == CollectionEventKind.UPDATE){
         //this means something changed. event.items will tell you what changed. 

    }
}

=====

Another approach is to use the itemEditEnd event. From the adobe docs:

<mx:AdvancedDataGrid id="myGrid" 
        itemEditEnd="onItemEditEnd(event);" >   
            private function onItemEditEnd(event:DataGridEvent):void {

                var myEditor:TextInput = 
                    TextInput(event.currentTarget.itemEditorInstance);
                var newVal:String = myEditor.text;
                var oldVal:String = event.currentTarget.editedItemRenderer.data[event.dataField];  
            }

===

Finally, a plug : Our Ultimate DataGrid internally keeps track of all changed items, via its changes collection. http://flexicious.com/Home/Ultimate (Change Tracking API) examnple

Thanks flexicious.com. But the above code will work only for textinput data. But I have date controls in my grid. — Vishnu Vikraman Sreekala, Jan 25 '13 at 04:57

How can I get whether advanceddatagrid data is modified or not in flex?

2 Answers2