List To List Drag and Drop : List Drag Drop « Components « 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 » Components » List Drag DropScreenshots 
List To List Drag and Drop
List To List Drag and Drop
           
<!--
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\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
w___w__w___.__j___a__v___a___2_s__.c__o___m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.