Flex拖拽事例

来源：互联网发布：数据与R pdf 编辑：程序博客网时间：2024/04/29 23:05

<?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>

0 0