EXT JS закрыть всплывающее окно

Question

У меня есть всплывающее окно без кнопки «закрыть», поэтому мне нужно обновить страницу, чтобы закрыть всплывающее окно. В этом случае я хочу добавить кнопку в всплывающее окно для закрытия.

Вот код JS:

function oseGetWIn(id, title, width, height) 
{ 
    var win = Ext.create('Ext.window.Window', { 
     id: id, 
     name: id, 
     title: title, 
     width: width, 
     height: height, 
     closeAction:'destroy', 
     autoScroll:'true', 

    }); 
    return win; 
} 

Я попытался добавить следующее, но никакого эффекта.

bbar: [ 
     { 
      text: 'Close', 
      handler: function() { this.up('.window').close(); } 
     } 
     ], 

Answer 1

Селектор неправильно, оно должно быть просто window, который будет найти родителя с согласующим xtype.

Answer 2

Попробуйте

var win = Ext.create('Ext.window.Window', { 
    id: id, 
    name: id, 
    title: title, 
    width: width, 
    height: height, 
    closeAction:'destroy', 
    autoScroll:'true', 
    closable:true // add this attribute and you will get a close button on right top 
}); 

EDIT: Теперь попробуйте это:

var win = Ext.create('Ext.window.Window', { 
      id: id, 
      name: id, 
      title: title, 
      width: width, 
      height: height, 
      closeAction:'destroy', 
      autoScroll:'true', 
      closable:true, 
      bbar:[{ 
       text:'Close', 
       handler:function(){ 
        this.up('window').destroy(); 
       } 
      }] 
     }) 

Answer 3

Это должно работать:

var win = Ext.create('Ext.window.Window', { 
      title: 'test', 
      width: 400, 
      height: 200, 
      bbar:[{ 
       text:'Close', 
       handler: function(){ 
        win.destroy(); 
       } 
      }] 
     }) 

рабочий пример: http://jsfiddle.net/RdVyz/

Answer 4

Попробуйте-й является in close handler

этот.up(). up(). close(); или этот.up(). Close();

Answer 5

Это, мне кажется, самый простой способ

var wind = Ext.WindowManager.getActive(); 

if(wind){ 
    wind.close(); 
} 

Answer 6

хммм ... до сих пор не ответила? решение просто

var win = Ext.create('Ext.window.Window', { 
     id: id, 
     name: id, 
     title: title, 
     width: width, 
     height: height, 
     closeAction:'destroy', 
     autoScroll:'true', 
     closable:true, 
     bbar:[{ 
      text:'Close', 
      handler:function(bt){ 
       bt.up('window').close(); 
      } 
     }] 
    })