Flex : Menu doesn't hide automatically?

Question

I am creating a menu this way :

myMenu = Menu.createMenu( null, myMenuXMLListCollection, false );

and then showing it with :

myMenu.popup( 10, 10 );

but the menu doesn't disappear automatically when i click somewhere outside the menu.

• Is there some way to make the menu disappear automatically when i click outside it ?

Answer 1

Listen for the SandBoxMouseEvent . MOUSE_UP_SOMEWHERE on the sandbox root. You can get the Sandbox root using SystemManager . getSandboxRoot

So, add your event listener, something like this:

systemManager.getSandBoxRoot.addEventListener(SandboxMouseEvent.MOUSE_UP_SOMEWHERE, myMouseUpHandler);

And then in your event handler, just check to see if the target is the menu and if not hide the menu:

protected function myMouseUpHandler(event:SandboxMouseEvent):void{
  if(event.target != myMenuInstance){
    myMenuInstance.visible = false;
    // or whatever other action you wish to take to hide the menu.
  }
}

This is the general approach that the Flex ComboBox uses to hide the drop down menu on mouse click.