<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="horizontal"
    backgroundColor="#ffffff">
    
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.events.DragEvent;
            import mx.collections.ArrayCollection;
            
            private function dragDropHandler(event:DragEvent):void{
                Alert.show(event.toString());    
            }
            
        ]]>
    </mx:Script>
    
    <mx:XML id="xmlTreeData" xmlns="">
        <node id="0" label="Parent">
            <node id="1" label="Child 1" />
            <node id="2" label="Child 2" />
            <node id="3" label="Child 3" />
            <node id="4" label="Child 4" />
            <node id="5" label="Child 5" />
        </node>
    </mx:XML>
    
    <mx:XML id="xmlTileData" xmlns="">
        <node>
            <node id="1" label="Image 1" />
            <node id="2" label="Image 2" />
            <node id="3" label="Image 3" />
            <node id="4" label="Image 4" />
            <node id="5" label="Image 5" />
            <node id="5" label="Image 6" />
        </node>
    </mx:XML>
    
    <mx:VBox
        height="300">
        <mx:Tree id="myTree1" 
            dataProvider="{xmlTreeData}" 
            labelField="@label"
            width="200" height="100%"
            dropEnabled="true"
            dragDrop="dragDropHandler(event)"/>
        
        <mx:Tree id="myTree2" 
            dataProvider="{xmlTreeData}" 
            labelField="@label"
            width="200" height="100%"
            itemRenderer="com.ilogyc.dragdrop.itemRenderers.MyTreeItemRenderer"
            dropEnabled="true"
            dragDrop="dragDropHandler(event)"/>
    </mx:VBox>
    
    <mx:TileList id="myTile" 
        dataProvider="{xmlTileData..node}" 
        labelField="@label"
        width="100%" height="300"
        dragEnabled="true"/>
    
</mx:Application>