0 Replies Latest reply on Jul 22, 2009 2:24 PM by lzflex

    Drag & drop proxy image conflict with button single click.

    lzflex

       

       

       

       

      Hi, All,

       

      I got an interesting problem with drag and drop action on a bank button from one of my applications.

      The bank button is defined as 1) click to popup a bank detail information panel, and 2) drag & drop to

      create an money movement event.

       

      The original bank button is using an original bank icon (37 x 33 pixels). the following

      mouseDownHandler() started to animate drag & drop action with a scaled bank icon image (26 x 26).

       

      -- Now the problem is that,  the mouse down event now is blocking the click event if your

      mouse landed on the centeral area of (26 x 26),  and the click event would only got

      triggered if you land your mouse on the larger original icon's edge the area with (37 x 33)

      -  (26 x 26).

       

      Any body have ideas, how to solve this?

       

      Thanks,

       

      Lei

       

       

      private function mouseDownHandler(event:MouseEvent):void

      {

       

       

      var items:Object=new Object;

       

       

       

       

      // var dragInitiator:Image=Image(event.currentTarget);

       

      var dragInitiator:Button=event.currentTarget as Button;

       

       

      var ds:DragSource=new DragSource();

       

      ds.addData(dragInitiator,

      "btn");

      ds.addData(items,

      "items");

       

       

      /*

      DragManager.doDrag(dragInitiator, ds, event);

      */

       

      var imageProxy:Image=new Image();

      imageProxy.source=iconModel.bankLargeIcon;

      imageProxy.height=26;

      imageProxy.width=26;

      DragManager.doDrag(dragInitiator, ds, event, imageProxy, -15, -15, 1.00);

       

      }