Flex 拖拽范例 二

转载 2011年01月13日 11:32:00

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="400" backgroundColor="#FFFFFF" creationComplete="initApp()" layout="absolute">
  <mx:Script>
    <![CDATA[
      import mx.controls.DataGrid;
      import mx.controls.Image;
      import mx.collections.ArrayCollection;
      import mx.events.DragEvent;
      import mx.managers.DragManager;
      import mx.core.DragSource;
      [Bindable]
      public var total:Number=0;
      [Bindable]
      public var cartContents:ArrayCollection;
      private function initApp():void{
        this.cartContents=new ArrayCollection();
      }
      private function dragIt(event:MouseEvent,name:String,price:Number):void{
        //CurrentTarget指定要实现拖拽事件的初始化目标
        var dragInitiator:Image=event.currentTarget as Image;
        //指定一个dragSource来包括拖拽过程中包含的数据的对象
        var dragSource:DragSource=new DragSource();
        //向对象添加数据
        dragSource.addData(name,'name');
        dragSource.addData(price,'price');
        //创建一个拖拽对象的代理作为拷贝
        var dragProxy:Image=new Image();
        dragProxy.source=event.currentTarget.source;
        //使用DragManager静态方法doDrag开始拖拽
        DragManager.doDrag(dragInitiator,dragSource,event,dragProxy);
      }
      private function dragEnterHandler(event:DragEvent):void{
        var dropTarget:DataGrid=event.currentTarget as DataGrid;
        if (event.dragSource.hasFormat('name') && event.dragSource.hasFormat('price')){
          DragManager.acceptDragDrop(dropTarget);
        }
      }
      private function dragDropHandler(event:DragEvent):void{
        var name:String= String(event.dragSource.dataForFormat('name'));
        var price:Number=Number(event.dragSource.dataForFormat('price'));
        this.cartContents.addItem({name:String(event.dragSource.dataForFormat('name')),price:String(event.dragSource.dataForFormat('price'))});
        total+=price;
      }
    ]]>
  </mx:Script>
  <mx:Canvas x="19" y="10">
  <mx:Image x="23" y="35" width="64" height="64" mouseMove="dragIt(event,'Dreamweaver',499);" source="@Embed(source='../assets/056.png')"/>
  <mx:Label x="41" y="107" text="499"/>
  <mx:Image x="23" y="133" width="64" height="64" mouseMove="dragIt(event,'Fireworks',299);"  source="@Embed(source='../assets/057.png')"/>
  <mx:Label x="41" y="205" text="299"/>
  <mx:Image x="23" y="231" width="64" height="64" mouseMove="dragIt(event,'Flash',599);" source="@Embed(source='../assets/059.png')"/>
  <mx:Label x="41" y="303" text="599"/>
  </mx:Canvas>
  <mx:Label x="210" y="61" text="购物篮" fontSize="12"/>
  <mx:DataGrid x="129.5" y="102" id="cart" dataProvider="{cartContents}" dragEnter="dragEnterHandler(event);" dragDrop="dragDropHandler(event);" height="165" fontSize="12">
    <mx:columns>
      <mx:DataGridColumn headerText="产品" dataField="name"/>
      <mx:DataGridColumn headerText="价格" dataField="price"/>
    </mx:columns>
  </mx:DataGrid>
  <mx:Label x="186" y="292" text="总计:{total}" fontSize="12"/>
  <mx:Label x="129.5" y="0" text="拖拽物品放入购物篮中" fontSize="12"/>
  <mx:HRule x="5" y="20" width="390"/>
  
</mx:Application>

相关文章推荐

Flex 拖拽范例

Flex由于在其Framwork里加入了DragDrop管理器,可以使得开发者在Flex应用中实现类似桌面的效果,默认情况下,Flex的拖拽管理器是针对List等控件的,实现这类控件之间的Item拖拽...

flex actionscript 拖拽圖片

  • 2013-11-06 14:33
  • 53KB
  • 下载

flex表格间数据的拖拽

  • 2013-05-28 09:07
  • 2.25MB
  • 下载

Flex 4 ( Flash Builder 4 ) DropDownList实现数据拖拽 -示例

下面是一段小Demo ,实现了数据从【容器1】(控件为List)拖入【容器2】(控件为DropDownList) 其中相关属性在FB4中,鼠标移入都有相应的提示,在此不再多说,看代码:<s:Appli...

flex Tree的拖拽的例子

一个Flex鼠标拖拽图片的简单例子(附源码)

参考了网上诸多例子,自己动手写一个简单的例子,以下只针对关键代码做重点讲解。 该例子仅供初学者参考。   public function dragImage(e:Mou...

拖拽像册flex源码

  • 2008-12-27 17:25
  • 409KB
  • 下载

可拖拽的flex拓扑图

  • 2013-04-02 09:54
  • 554KB
  • 下载

flex拖拽实例

Flex 拖拽2011-03-11 22:40前言 Flex 框架的拖拽能力允许用户可视化地从一个地方移动数据到另一个地方,这大大增强了 富互联网应用程序的体验性。任何扩展了 mx.core.UIC...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)