DataGrid drag and drop event

       
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp();">
    <mx:Script>
    
    import mx.events.DragEvent;
    import mx.controls.Alert;
    import mx.collections.ArrayCollection;
    private function initApp():void {
        srcgrid.dataProvider = new ArrayCollection([
            {Artist:'A', Album:'AA', Price:1.99},
            {Artist:'B', Album:'BB', Price:1.99},
            {Artist:'C', Album:'CC', Price:1.99}
        ]);
        destgrid.dataProvider = new ArrayCollection([]);
    }
    public function dragDropHandler(event:DragEvent):void {
        var dragObj:Array= event.dragSource.dataForFormat("items") as Array;
        for (var i:Number = 0; i < dragObj.length; i++) {
            Alert.show(dragObj[i].Artist);
        }
    }
  
    </mx:Script>
    <mx:HBox>
       <mx:DataGrid id="srcgrid" allowMultipleSelection="true" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
           <mx:columns>
              <mx:DataGridColumn dataField="Artist" />
              <mx:DataGridColumn dataField="Album" />
              <mx:DataGridColumn dataField="Price" />
           </mx:columns>
       </mx:DataGrid>
       <mx:DataGrid id="destgrid" allowMultipleSelection="true" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" dragDrop="dragDropHandler(event);">
           <mx:columns>
             <mx:DataGridColumn dataField="Artist" />
             <mx:DataGridColumn dataField="Album" />
             <mx:DataGridColumn dataField="Price" />
           </mx:columns>
       </mx:DataGrid>
    </mx:HBox>
</mx:Application>

1.	DataGrid accepting dragging and dropping from another DataGrid
2.	Handle dragEnter event for DataGrid
3.	DataGrid drag enter event
4.	Drag and drop between DataGrid
5.	Drag and move between DataGrid
6.	Get drag initiator DataGrid from DragEvent
7.	DataGrid drag and drop
8.	drag and move DataGrid items
9.	Drag and drop from List to DataGrid
10.	Drag an Image to DataGrid and do calculation based on new added item
11.	Drag and drop rows from either DataGrid control to the other
12.	Move or copy data from a Spark List control to an MX DataGrid control by drag and drop

DataGrid drag and drop event : DataGrid Drag Drop « Grid « Flex

Related examples in the same category