тут как бэ два варианта реализации:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>example</title>
<script type="text/javascript" src="http://docs.sencha.com/extjs/4.2.2/extjs/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/extjs/4.2.2/resources/css/app-4689d2a5522dcd3c9e9923ca59c33f27.css">
<script type="text/javascript">
Ext.onReady(function(){
//-------------
var tovar_window = Ext.create('Ext.window.Window',
{
title:"Заголовок",
height:70,
width:100,
//closable: true,
closeAction: 'hide'
});
Ext.create('Ext.Button',
{
text: 'Click me 1',
renderTo: Ext.getBody(),
handler: function()
{
tovar_window.show();
}
});
Ext.create('Ext.Button',
{
text: 'Click me 2',
renderTo: Ext.getBody(),
handler: function()
{
Ext.create('Ext.window.Window',
{
title:"Заголовок",
height:70,
width:100
}).show();
}
});
//-------------
});
</script>
</head>
<body></body>
</html>
в первом вариенте мы указываем, что не удаляем форму после закрытия, а просто закрываем (по умолчанию идет удаление при закрытии), т.е. вы второй раз когда кликайте по кнопке, то окна уже нет.
а второй вариант, это как раз создание формы при клике, причем каждый раз когда кликайте, создается новая форма, а когда закрывайте удаляется..
как то так