List To List Drag and Drop : List Drag Drop « Components « Flex






List To List Drag and Drop

List To List Drag and Drop
           
<!--
Code from Flex 4 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 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any 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\SimpleListToListMoveStyles.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"
    creationComplete="initApp();">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/mx";
        mx|DragManager
        {
            copyCursor: Embed(source="a.jpg");
        } 
    </fx:Style>
    <fx:Script> 
         
        import mx.collections.ArrayCollection; 
        private function initApp():void { 
            srclist.dataProvider = new ArrayCollection(['Reading', 'Television', 'Movies']); 
            destlist.dataProvider = new ArrayCollection([]); 
        } 
      
    </fx:Script>
    <mx:HBox>
        <mx:VBox>
            <mx:Label text="Available Activities" />
            <mx:List id="srclist" allowMultipleSelection="true"
                dragEnabled="true" dragMoveEnabled="true" />
        </mx:VBox>
        <mx:VBox>
            <mx:Label text="Activities I Like" />
            <mx:List id="destlist" dropEnabled="true" />
        </mx:VBox>
    </mx:HBox>
    <mx:Button id="b1" label="Reset" click="initApp();" />
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Dragging and dropping among three List componentsDragging and dropping among three List components
2.Drag-and-drop lets you move items from one List control to anotherDrag-and-drop lets you move items from one List control to another
3.Drag drop to copy between two ListsDrag drop to copy between two Lists
4.List dropEnabled="true" ,dragMoveEnabled="true"List dropEnabled=
5.Drag And Drop List SampleDrag And Drop List Sample
6.Drag and Drop Within a ListDrag and Drop Within a List
7.Drag and Drop Between ListsDrag and Drop Between Lists
8.Drag-and-drop to move items from one MX List control to anotherDrag-and-drop to move items from one MX List control to another
9.Drag and drop to item in List To another ListDrag and drop to item in List To another List