PDA

View Full Version : hide extjs menu when clicking in different iframe



squiggly
26 Mar 2014, 12:47 PM
I have an extjs menu in one iframe, and when i click outside this iframe the menu does not collapse, like it does when I click away in the same iframe the menu belongs to.
Do you guys have an idea on how to solve this issue? This actually happens to any component that should hide when it loses focus. So, I'd love to see a more general solution, if you guys happen to know.
Thanks!
P.S.: I'm using version 3.2

Kachopsticks
27 Mar 2014, 5:57 AM
I am thinking this will work for you, but it will change the behavior of the menu a little bit. As soon as your mouse leaves the menu, the menu will close.



onRender: function(ct, position){
GLOBAL.yourMenu.superclass.onRender.call(this, ct, position);
this.mon(this, 'mouseout', this.closeMenu, this);//this being your menu

},


closeMenu: function{ this.hideMenu();//ext js function},