Using onEsc function from window config
http://stackoverflow.com/questions/9552908/hwo-to-prevent-window-from-closing-on-esc-extjs-4
HTML
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css">
JavaScript
Ext.define('MyWindow', {
extend : "Ext.window.Window",
title: 'Hello',
height: 200,
width: 400,
closeAction: 'destroy',
layout: 'fit',
items: Ext.create('Ext.form.Panel', {
xtype: 'form',
itemId: "Window",
defaults: {
labelAlign: 'top',
msgTarget: 'side',
labelWidth: 150,
columnWidth: .33,
padding: "10px 30x 10px 10px"
},
layout: {
type: 'column',
columns: 3,
align: 'stretch'
},
items: {
xtype: 'textfield',
width: 100,
fieldLabel: "Some input"
}
})
});
var win = false;
function show(){
win = Ext.create("MyWindow");
win.show();
}
function close(){
win.close();
}
Ext.onReady(function () {
Ext.create('Ext.Panel', {
title : "Panel",
renderTo: Ext.getBody(),
items: [
{xtype : "button", text : "Step 1 (Create window)", handler : show },
{xtype : "button", text : "Step 2 (Destroy window)", handler : close },
{xtype : "button", text : "Step 3 (Create NEW window)", handler : show }
],
});
});