Flex拖拽事例

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
xmlns:view="com.hikvision.dynamicform.components.*"
creationComplete="init()">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.core.DragSource;
import mx.events.DragEvent;
import mx.events.FlexEvent;
import mx.managers.DragManager;

import spark.components.List;

[Bindable]
public var properCollection:ArrayCollection = new ArrayCollection([
{name: 'name1', age: 21, email: '12345@gg.com'},
{name: 'name2', age: 22, email: '12345@gg.com'},
{name: 'name3', age: 23, email: '12345@gg.com'},
{name: 'name4', age: 24, email: '12345@gg.com'},
{name: 'name5', age: 25, email: '12345@gg.com'}
]);

[Bindable]
public var properCollection1:ArrayCollection = new ArrayCollection([]);

private function init():void{
container.addEventListener(DragEvent.DRAG_DROP, dragDropHandler);
container.addEventListener(DragEvent.DRAG_ENTER, dragEnterHandler);
}

protected function start(event:DragEvent):void
{
trace("22222");
}

protected function dragEnterHandler(e:DragEvent):void
{
if(e.dragInitiator is List){
DragManager.acceptDragDrop(e.currentTarget as BorderContainer);
}
}

private function dragDropHandler(e:DragEvent):void{
trace("drop");
}

private function list_mouseDownHandler(event:MouseEvent):void {
properList.addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
}

private function moveHandler(e:MouseEvent):void {
var dragSource:DragSource = new DragSource();
DragManager.doDrag(e.currentTarget as List, dragSource, e);
trace('44444444444');
}

]]>

</fx:Script>
<s:BorderContainer id="container" left="0" right="150" top="30" bottom="0">

</s:BorderContainer>
<s:BorderContainer width="150" right="0" top="0" bottom="0" borderVisible="false">
<s:layout>
<s:HorizontalLayout>
</s:HorizontalLayout>
</s:layout>

<s:List height="300" dataProvider="{properCollection}" textAlign="center" labelField="name" id="properList"
width="75" right="0" top="0" bottom="0" borderVisible="false" 
mouseDown="list_mouseDownHandler(event)" dragStart="start(event)">
</s:List>


</s:BorderContainer>
</s:Group>