flex tree的拖拉

最新推荐文章于 2023-07-21 17:20:09 发布

转载最新推荐文章于 2023-07-21 17:20:09 发布 · 1.3k 阅读

文章标签：

#tree #flex #datagrid #function #application #object

flex 专栏收录该内容

19 篇文章

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.controls.Alert;
import mx.controls.Label;
import mx.controls.List;
import mx.collections.ArrayCollection;
import mx.core.DragSource;
import mx.controls.Tree;
import mx.controls.DataGrid;
import mx.controls.listClasses.ListBase;
import mx.events.DragEvent;
import mx.containers.Canvas;
import mx.managers.DragManager;
import mx.core.UIComponent;

[Bindable]

private var dataGridProvider:ArrayCollection = new ArrayCollection();

private function onDragEnter( event:DragEvent) : void

{
//Alert.show("22");

if( event.dragInitiator is Tree ) {//dragInitiator启动拖动的组件
var ds:DragSource = event.dragSource;//包含正在拖动的数据的 DragSource 对象。
if( !ds.hasFormat("treeItems") ) return;// no useful data

var items:Array = ds.dataForFormat("treeItems") as Array;
for(var i:Number=0; i < items.length; i++) {

var item:XML = XML(items[i]);
if(item.@type!= "restaurant" ) return; // not what we want

}
}
// If the Tree control passes or the dragInitiator is not a Tree control,
// accept the drop.
DragManager.acceptDragDrop(UIComponent(event.currentTarget));
}

private function onDragOver( event:DragEvent ) : void

{

// Alert.show("11");
if( event.dragInitiator is Tree ) {
DragManager.showFeedback(DragManager.COPY); //设置拖放操作的反馈指示符
} else {

if (event.ctrlKey)
DragManager.showFeedback(DragManager.COPY);
else if (event.shiftKey)

DragManager.showFeedback(DragManager.LINK);
else {
DragManager.showFeedback(DragManager.MOVE);
}

}
}

private function onDragExit( event:DragEvent ) : void

{
// Alert.show("f");
var dropTarget:ListBase=ListBase(event.currentTarget);
dropTarget.hideDropFeedback(event);
}

private function onGridDragDrop( event:DragEvent ) : void

{
var ds:DragSource = event.dragSource;
var dropTarget:DataGrid = DataGrid(event.currentTarget);
var arr:Array;
// Alert.show("r");
if( ds.hasFormat("items") ) {

arr = ds.dataForFormat("items") as Array;
} else if( ds.hasFormat("treeItems") ) {

arr = ds.dataForFormat("treeItems") as Array;
}
for(var i:Number=0; i < arr.length; i++) {

var node:XML = XML(arr[i]);
var item:Object = new Object();
item.label =node.@label;
item.type= node.@type;
dataGridProvider.addItem(item);
}

onDragExit(event);
}

private function onTreeDragComplete(event:DragEvent):void {

event.preventDefault();//取消doubleClick 事件
}

private function selectAllMaybe( event:KeyboardEvent ) : void

{
if( event.ctrlKey && event.keyCode == 65 ) {

var l:List = List(event.currentTarget);
var allItems:Array = new Array(l.dataProvider.length);
for(var i:Number=0; i < allItems.length; i++) {

allItems[i] = i;
}
l.selectedIndices = allItems;
}

}

[Bindable]
public var selectedNodeArr:Object;
public function handle(e:ListEvent):void{

trace("11");
// dataGridProvider=Tree(e.target).selectedItem as ArrayCollection;
trace(Tree(e.target).selectedItem as Object);
}

]]>
</mx:Script>
<mx:XML id="treeData" xmlns="">
<root>

</node>
<node label="Provincetown" type="city" >
<node label="Lobster Pot" type="restaurant" />
<node label="The Mews" type="restaurant" />
</node>
</node>

</mx:XML>

<mx:Label x="34" y="40" text="Drag items from this Tree"/>
<mx:Label x="34" y="55" text="(items are copied)"/>

<mx:Tree x="34" y="81" width="181" height="189"
dataProvider="{treeData.node}"
labelField="@label"
dropEnabled="false"
dragEnabled="true"
dragComplete="onTreeDragComplete(event)"
dragMoveEnabled="false"
change="handle(event)"
/>

<mx:Label x="291" y="55" text="Drop items from Tree here"/>
<mx:DataGrid x="291" y="81" height="189"
dragEnabled="true"
dataProvider="{dataGridProvider}"
dragEnter="onDragEnter(event)"
dragOver="onDragOver(event)"
dragDrop="onGridDragDrop(event)"
dragExit="onDragExit(event)">