flex中AdvancedDataGrid之间的拖拽

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.DragEvent;
			private var adgTargetDp:ArrayCollection = new ArrayCollection();
			<!--处理单击删除按钮事件 -->
				protected function btnDel_clickHandler(event:MouseEvent):void
				{
					//获取用户选择行的书籍编号
					var selIndex:int = this.adgTarget.selectedIndex;
					if(selIndex<0)
					{
						Alert.show("没有选择行，不能删除","bookArrayCollection组件使用方法示例演示");
						return;
					}
					this.bookArrayCollection.removeItemAt(selIndex);
				}
				
				protected function adgFrom_dragStartHandler(event:DragEvent):void
				{
					//将目标对象dropEnabled 置为true，表示允许拖放
					this.adgTarget.dropEnabled = true;
				}
				
				
				protected function adgTarget_dragDropHandler(event:DragEvent):void
				{
					//获取用户拖放的数据行
					var dgRow:Object = event.dragSource.dataForFormat("items")[0];                            
					//如果拖放的目标数据在目标对象中                
					if(this.adgTargetDp.contains(dgRow))
					{
						Alert.show("目标对象已经存在此数据行！","拖放功能示例演示");
						this.adgTarget.dropEnabled=false;
					}
					else
					{
						this.adgTargetDp.addItem(dgRow);    
					}                
				}
				
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 定义ArrayCollection实例，表示书籍列表-->
		<s:ArrayCollection id="bookArrayCollection">
			<fx:Object bookId="B001" bookType="程序" bookName="JAVA"/>
			<fx:Object bookId="B002" bookType="程序" bookName="JSP"/>
			<fx:Object bookId="B003" bookType="程序" bookName="FLEX"/>
			<fx:Object bookId="B004" bookType="平面" bookName="PHOTOSHOP"/>
			<fx:Object bookId="B005" bookType="平面" bookName="COREDRAW"/>
			<fx:Object bookId="B006" bookType="办公" bookName="WORD"/>
			<fx:Object bookId="B007" bookType="办公" bookName="EXCEL"/>
			<fx:Object bookId="B008" bookType="办公" bookName="OUTLOOK"/>
		</s:ArrayCollection>
	</fx:Declarations>
	
	<s:Panel  horizontalCenter="0" verticalCenter="0" width="636" height="411" title="拖拽示例演示">
		<mx:AdvancedDataGrid  id="adgFrom" designViewDataType="tree" dataProvider="{bookArrayCollection}" 
							  left="0" right="0" top="0" bottom="189" dragEnabled="true"
							  dragStart="adgFrom_dragStartHandler(event)">
			<mx:columns>
				<mx:AdvancedDataGridColumn headerText="编号" dataField="bookId"/>
				<mx:AdvancedDataGridColumn headerText="类型" dataField="bookType"/>
				<mx:AdvancedDataGridColumn headerText="名称" dataField="bookName"/>
			</mx:columns>
		</mx:AdvancedDataGrid>
		
		<mx:AdvancedDataGrid  id="adgTarget" designViewDataType="tree"  dropEnabled="true"                              
							  dragDrop="adgTarget_dragDropHandler(event)"
							  left="0" right="0" top="223" height="125">
			<mx:columns>
				<mx:AdvancedDataGridColumn headerText="编号" dataField="bookId"/>
				<mx:AdvancedDataGridColumn headerText="类型" dataField="bookType"/>
				<mx:AdvancedDataGridColumn headerText="名称" dataField="bookName"/>
			</mx:columns>
		</mx:AdvancedDataGrid>
		<s:Rect left="0" bottom="0" right="0" height="30">
			<s:fill>
				<s:SolidColor color="#E2EDF7"/>
			</s:fill>
		</s:Rect>
		<s:Button x="170" y="352" label="删除" click="btnDel_clickHandler(event)"/>
	</s:Panel>
</s:Application>