Flex拖拽-两个List之间拖拽

Flex拖拽-两个List之间拖拽

关键字: flex拖拽, list

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="creationHandler();">
	<mx:Script>
		<![CDATA[
		import mx.events.DragEvent;
		import mx.collections.ArrayCollection;
		[Bindable]
		public var isEnabled:Boolean = true;
		private static const DIS_LABEL:String = "不能拖拽";
		private static const EN_LABEL:String = "可以拖拽"; 
		private function creationHandler():void {
			list1.dataProvider = new ArrayCollection(['Spider Monkey', 'Orangutan', 'Gorilla']);
			list2.dataProvider = new ArrayCollection(['Lion', 'Cheetah', 'Puma'])
		}
		private function clickHandler():void {
			enableBtn.label = ( enableBtn.label == DIS_LABEL ) ? EN_LABEL : DIS_LABEL;
			isEnabled = !isEnabled;
		}
		private function dragEnterHandler( evt:DragEvent ):void {
			evt.target.dropEnabled = ( evt.target != evt.dragInitiator );
		}
		]]>
		</mx:Script>
		<mx:VBox width="100%" height="100%">
			<mx:Button id="enableBtn" label="{EN_LABEL}" click="clickHandler();"/>
			<mx:HBox width="100%" height="100%">
				<mx:List id="list1" width="200" height="200" dragEnabled="{isEnabled}" dragMoveEnabled="true" dragEnter="dragEnterHandler(event);"/>
				<mx:List id="list2" width="200" height="200" dragEnabled="{isEnabled}" dragMoveEnabled="true" dragEnter="dragEnterHandler(event);"/>
			</mx:HBox>
		</mx:VBox>
</mx:WindowedApplication>