Avatar

Level 1

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);

}