extjs - 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,
        bbar:[{
            text:'Close',
            handler:function(bt){
                bt.up('window').close();
            }
        }]
    })

Answer 3

これを試して

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
});

編集：今これを試してください：

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 4

これは私には最も簡単な方法のようです

var wind = Ext.WindowManager.getActive();

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

Answer 5

クローズハンドラーでこれを試してください

this.up().up().close(); または this.up().close();