I have a hidden div which is shown when a user clicks on a toolbar button with the following function:
The use can then click on the div and the following function gets called (registered with event handlers):
var matrixPopUp = Ext.get('matrixPopUp');
So far so good.... My problem is that at present the div disappears only when I click on it... I also want to make it disappear if the user clicks anywhere outside it and, if at all possible, when the user presses the 'esc' key.
var pFolioType = this.dom.className;
I guess the idea would be implement an onClick listener on the document that hides the div if it's visible, but I can't figure out how to do it using Ext classes.
Any ideas? Thanks for any help.