ExtJS 5.1 WINDOW BLUR

Description

Answer 1

this.panel.show();
Ext.getDoc().on("mousedown", this.handleDocMouseDown, this);

handleDocMouseDown : function(e) {
　　if (!e.within(this.panel.getEl())) {
　　this.panel.destroy();
　　Ext.getDoc().un("mousedown", this.handleDocMouseDown, this);
　　}
}

Answer 2

Ext.applyIf(me, {
items: [
{
xtype: 'button',
text: 'Done',
listeners: {
click: {
fn: me.onDoneButtonClick,
scope: me
}
}
}
],
listeners: {
el: {
blur: {
fn: me.onWindowLoseFocus,
scope:me
}
}
}
});

Reference