flex拖拽操作内联dragEnter一个例子

首页 > flex > flex拖拽操作内联dragEnter一个例子

flex拖拽操作内联dragEnter一个例子

2009年8月1日云飞扬发表评论阅读评论

不知道为什么把Panel改为lable时没有测试成功，并测试下wp-codebox用法，代码如下

^?Download 1.java

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0">
 
    <mx:Script>
    	<![CDATA[
 
    		import mx.containers.Panel;
    		 import mx.managers.DragManager;
    	]]>
    </mx:Script>
 
    <mx:Panel title="水果类型" height="100%" color="0xffffff" borderAlpha="0.15">
        <mx:List height="100%" dragEnabled="true" color="black">
            <mx:Array>
                <mx:String>橘子</mx:String>
                <mx:String>苹果</mx:String>
                <mx:String>梨子</mx:String>
                <mx:String>香蕉</mx:String>
            </mx:Array>
        </mx:List>
    </mx:Panel>
 
    <mx:Panel id="fruitDetails" title="拖动水果放这里" color="0xffffff" borderAlpha="0.15" width="100%" height="100%"
        paddingBottom="10" paddingTop="10" paddingRight="10" paddingLeft="10">
        <mx:dragEnter>
        if (event.dragSource.hasFormat(&apos;items&apos;))//等同于"item"
        {
            var dropTarger:Panel=event.currentTarget as Panel; //定义拖拽对象
            DragManager.acceptDragDrop(dropTarger);
        }
        </mx:dragEnter>
        <mx:dragOver>
 
        </mx:dragOver>
        <mx:dragDrop>        
        var data:Object = event.dragSource.dataForFormat(&apos;items&apos;);
        var l:Panel=new Panel();
        l.title=new String(data);
        l.percentWidth=100;
        l.percentHeight=22;
        l.setStyle("color","red");
        fruitDetails.addChild(l);
        </mx:dragDrop>
    </mx:Panel>
</mx:Application>