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,{name: 'name3',age: 23,{name: 'name4',age: 24,{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>