flex tree的拖拉_flex tree 拖拽-CSDN博客

本文链接：https://blog.csdn.net/cruelchen/article/details/9308271

1.tree的拖拉

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

        <mx:columns>
            <mx:DataGridColumn headerText="Label" dataField="label"/>
            <mx:DataGridColumn headerText="Type" dataField="type"/>