返回顶部

收藏

Filtering Data Example

更多
<?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>
//该片段来自于http://outofmemory.cn

标签:flash,ActionScript,基础

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. dansion 发表 2009-10-19 20:46:40 FLASH Loader 的 bug?
  2. 朴人博客 发表 2013-09-28 11:07:46 使用Flash Builder创建Flex AIR桌面应用
  3. powerfj 发表 2013-09-12 23:27:15 Flash As3与JS参数传递的时候的两个bug
  4. viviworld 发表 2016-03-10 14:00:27 产品设计师的前世今生
  5. snowe 发表 2012-12-30 20:41:08 给力flash塔防小游戏皇家守卫
  6. 博主 发表 2013-03-21 01:58:51 可见光通信救生手电:Flash Communicator
  7. iefans 发表 2013-04-19 14:20:13 如何取消IE10中的Flash Player版本更新?
  8. 簡小瑾° 发表 2013-06-09 02:27:14 我们爱过了 我们又单身了
  9. blacktulip 发表 2013-06-25 11:31:57 计算机科学基础
  10. qiqi 发表 2013-07-04 01:00:10 美食从天而降
  11. 博主 发表 2010-06-22 08:57:00 Python 爬虫基础
  12. 切梦刀 发表 2013-08-27 12:17:58 Adobe Flash Builder 4.7破解补丁

发表评论