DragDrop Question With Alert.show

Question

Hi Everyone,
I have some list controls which I have set the property dropEnabled="true".
<mx:HBox label="SMR Vessels" height="220" width="100%" horizontalAlign="left" dropEnabled="true">
  <mx:List id="ls1" width="100%" height="100%" dropEnabled="true" dragDrop="ls1_dragDrop(event)"  >
  </mx:List>
  <mx:List id="ls2" width="100%" height="100%" dragEnabled="true" dragMoveEnabled="false"  >
   </mx:List>
</mx:HBox>
private function ls1_dragDrop(evt:DragEvent):void
  // Get the data from the dragEvent parameter.
  objDragSource = evt.dragSource.dataForFormat("items");
  //.... Do some things
  //Call an alert.show function to confirm from user if proceed.
  Alert.show('Proceed?', 'TITLE', Alert.YES | Alert.NO, null, alertHandler, null, Alert.YES);
  // Some scripts here...but these are executed right away even before the alert.show's button is clicked.
When the alert message shows, the only recourse I have is to continue the operation in the alertHandler event.  But I how will I be able to reference the dragDrop event parameter from the alertHandler?
I am banging my head the whole day on this.  Shouldn't it be that the script after the alert.show only continue once the alertHandler has finished executing its scripts.  But apparently, with Flex, that is not the case since it executes the script after the alert.show was called concurrently with the alerthandler.
Inputs highly appreciated.
Thanks.

Answer 1

The alert handler is also declared in the same MXML file.
<mx:HBox label="SMR Vessels" height="220" width="100%" horizontalAlign="left" dropEnabled="true">
  <mx:List id="ls1" width="100%" height="100%" dropEnabled="true" dragDrop="ls1_dragDrop(event)"  >
  </mx:List>
  <mx:List id="ls2" width="100%" height="100%" dragEnabled="true" dragMoveEnabled="false"  >
   </mx:List>
</mx:HBox>
private function ls1_dragDrop(evt:DragEvent):void
  // Get the data from the dragEvent parameter.
  objDragSource = evt.dragSource.dataForFormat("items");
  //.... Do some things
  //Call an alert.show function to confirm from user if proceed.
  Alert.show('Proceed?', 'TITLE', Alert.YES | Alert.NO, null, alertHandler, null, Alert.YES);
  // Some scripts here...but these are executed right away even before the alert.show's button is clicked.
private function alertHandler(evt:CloseEvent):void
  if(evt.detail == Alert.YES)
    // Continue with the drag and drop processing here.
    // Take note that I need to reference the dragEvent parameter which was only visible in the ls1_dragDrop event.
  else
    // Here i should be calling the dragEvent's preventDefault function to prevent the drag and drop from happening since the user
    // does not confirm to proceed with the operation
I tried to declare a application level scope variable, and set the value, but the scripts after the alert.show are executed right away without checking the values set in the alertHandler event.  Thus, I am getting incorrect execution.