Как реализовать drag and drop

[motoroller]

Надо организовать drag and drop между tilelist (берусь за картинку -ячейку) и datagrid и переместить на определенную запись в datagrid ...

Собственно как такое реализовать?

Добавлено через 16 часов 45 минут

import fl.controls.TileList;
import fl.controls.DataGrid;
import fl.data.DataProvider;
import fl.events.ListEvent;

// create TileList instance and position it
var myTileList:TileList = new TileList();
myTileList.move(10,10);

var startX:Number;
var startY:Number;

// create TextFormat object to style labels
var tf:TextFormat = new TextFormat();
tf.font = "Verdana";
tf.bold = true;
tf.color = 0xFF6666;
tf.size = 14;

// add content to the TileList
myTileList.addItem({label:"Montreal", source:"http://www.helpexamples.com/images/montreal/images/IMG_5057.jpg"});
myTileList.addItem({label:"Swan", source:"http://www.helpexamples.com/flash/images/gallery1/images/pic11.jpg"});
myTileList.addItem({label:"Sunset", source:"http://www.helpexamples.com/flash/images/gallery1/images/pic14.jpg"});
myTileList.addItem({label:"Gate", source:"http://www.helpexamples.com/flash/images/gallery2/images/IMG_1592.jpg"});

// set column and row values
myTileList.columnWidth = 200;
myTileList.rowHeight = 140;
myTileList.columnCount = 2;
myTileList.rowCount = 2;
myTileList.height = 290;
myTileList.width = 410;

// disable scrolling
myTileList.scrollPolicy = "off";

// add to the display (Stage)
addChild(myTileList);

// set style for labels
myTileList.setRendererStyle("textFormat", tf);
myTileList.setRendererStyle("imagePadding", 5);
myTileList.setStyle("contentPadding", 5);

myTileList.addEventListener(MouseEvent.MOUSE_DOWN, startDragFile);
myTileList.addEventListener(MouseEvent.MOUSE_UP, stopDragFile);

var dp:DataProvider = new DataProvider();
dp.addItem({name:"Папка 1"});
dp.addItem({name:"Папка 2"});
dp.addItem({name:"Папка 3"});

var myDataGrid:DataGrid = new DataGrid();
myDataGrid.addColumn("name");
myDataGrid.dataProvider = dp;
myDataGrid.width = 200;
myDataGrid.move(430, 10);
addChild(myDataGrid);

function startDragFile(event:MouseEvent):void {
trace(event.target.label)
if(event.target.label!=undefined) {
//startX = event.target.x;
//startY = event.target.y;
event.target.startDrag();
}
}

function stopDragFile(event:MouseEvent):void {
trace(event.target.dropTarget)
event.target.stopDrag();
}

Накидал код, многое не решено, но первая проблема, что при перетаскивании объекта т.е элемента из tile list за его пределы объект пропадает, под слоем, скажите пожалуйста как решить данную проблему