<?xml version="1.0" encoding="utf-8"?>
  <mx:Application 
          xmlns:mx="http://www.adobe.com/2006/mxml" 
          width="600" height="400" 
          creationComplete="creationCompleteHandler();"
           viewSourceURL="@mx-flex-dragdrop-simple.html"
  >
      <mx:Script>
          <![CDATA[
                  private function creationCompleteHandler():void 
                  {
                      srclist.dataProvider = ['Reading', 'Skating', 'Movies'];        
                      destlist.dataProvider =[];
                  }
          ]]>
      </mx:Script>
  
      <mx:Panel title="Select activities" layout="horizontal">
          <mx:VBox width="50%">
              <mx:Label text="Available activities"/>
  
              <!-- Both drag initiator and drop target -->
              <mx:List 
                      id="srclist" width="100%" height="100" 
                      allowMultipleSelection="true"                
                      dragEnabled="true"
                      dropEnabled="true"
                      dragMoveEnabled="true"
              />
  
          </mx:VBox>
  
          <mx:VBox width="50%">
              <mx:Label text="Activities I enjoy"/>
  
              <!-- Both drag initiator and drop target -->
              <mx:List  
                      id="destlist" width="100%" height="100" 
                      allowMultipleSelection="true"                
                      dragEnabled="true"
                      dropEnabled="true"
                      dragMoveEnabled="true"
              />
  
          </mx:VBox>
      </mx:Panel>
  </mx:Application>