Use DragManager.showFeedback to show user feed back when drag and drop
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
import mx.events.DragEvent;
import mx.managers.DragManager;
[Bindable]
public var myAC:ArrayCollection = new ArrayCollection([
{name:"A", email:"a@domain.com"},
{name:"B", email:"b@domain.com"},
{name:"C", email:"c@domain.com"}]);
public function handleDragEnter(event:DragEvent):void
{
var arItems:Array= event.dragSource.dataForFormat("items") as Array;
for (var i:int = 0; i < arItems.length; i++){
DragManager.showFeedback(DragManager.NONE);
event.preventDefault();
}
}
</mx:Script>
<mx:DataGrid id="dgSource" dataProvider="{myAC}" dragEnabled="true"
dragMoveEnabled="true">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Contact Name" width="300" />
<mx:DataGridColumn dataField="email" headerText="E-Mail" width="200" />
</mx:columns>
</mx:DataGrid>
<mx:DataGrid id="dgTarget" dropEnabled="true" dragEnter="handleDragEnter(event)">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Contact Name" width="300" />
<mx:DataGridColumn dataField="email" headerText="E-Mail" width="200" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
Related examples in the same category
