Drag and drop rows from either DataGrid control to the other : DataGrid Drag Drop « Grid « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Grid » DataGrid Drag DropScreenshots 
Drag and drop rows from either DataGrid control to the other
Drag and drop rows from either DataGrid control to the other
       

<!--
Code from Flex Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1proper attribution to Adobe is given as the owner of the user guide; and 
  (2any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- dragdrop\SimpleDGToDG.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
    width="650" creationComplete="initApp();">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
         
        import mx.collections.ArrayCollection; 
        private function initApp():void 
            srcgrid.dataProvider = new ArrayCollection([ 
                {Artist:'Carole King', Album:'Tapestry', Price:11.99}
                {Artist:'Paul Simon', Album:'Graceland', Price:10.99}
                {Artist:'Original Cast', Album:'Camelot', Price:12.99}
                {Artist:'The Beatles', Album:'The White Album', Price:11.99
                ])
            destgrid.dataProvider = new ArrayCollection([])
        
      
    </fx:Script>
    <mx:HBox>
        <mx:VBox>
            <mx:Label text="Available Albums" />
            <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:VBox>
        <mx:VBox>
            <mx:Label text="Buy These Albums" />
            <mx:DataGrid id="destgrid" 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:VBox>
    </mx:HBox>
    <mx:Button id="b1" label="Reset" click="initApp()" />
</s:Application>

   
    
    
    
    
    
    
  
Related examples in the same category
1.DataGrid accepting dragging and dropping from another DataGridDataGrid accepting dragging and dropping from another DataGrid
2.Handle dragEnter event for DataGridHandle dragEnter event for DataGrid
3.DataGrid drag enter eventDataGrid drag enter event
4.Drag and drop between DataGridDrag and drop between DataGrid
5.Drag and move between DataGridDrag and move between DataGrid
6.Get drag initiator DataGrid from DragEventGet drag initiator DataGrid from DragEvent
7.DataGrid drag and dropDataGrid drag and drop
8.drag and move DataGrid itemsdrag and move DataGrid items
9.DataGrid drag and drop eventDataGrid drag and drop event
10.Drag and drop from List to DataGridDrag and drop from List to DataGrid
11.Drag an Image to DataGrid and do calculation based on new added itemDrag an Image to DataGrid and do calculation based on new added item
12.Move or copy data from a Spark List control to an MX DataGrid control by drag and dropMove or copy data from a Spark List control to an MX DataGrid control by drag and drop
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.