ExtJS6啓動模態窗口的ViewController

Question

我試圖從視圖控制器內啓動模態窗口。考慮下面的代碼（也位於https://fiddle.sencha.com/#fiddle/1335）：

Ext.application({ 
    name : 'Fiddle', 
    launch : function() { 
     Ext.define('Window1',{ 
      extend: 'Ext.window.Window', 
      controller: 'winctrl', 
      xtype: 'window1', 
      initComponent: function(){ 
       Ext.apply(this,{ 
        title:'Window 1', 
        width: 400, 
        height: 400, 
        layout: {type:'hbox',pack:'center',align:'middle'}, 
        items:[{ 
         xtype: 'button', 
         text: 'Click Me!', 
         handler: 'btnClickMeClick' 
        }] 
       }); 
       this.callParent(arguments); 
      } 
     }); 
     Ext.define('Window2',{ 
      extend: 'Ext.window.Window', 
      xtype: 'window2', 
      initComponent: function(){ 
       Ext.apply(this,{ 
        title: 'Window 2', 
        width: 200, 
        height: 200, 
        modal: true, 
        //renderTo: Ext.getBody(), 
        layout: {type:'hbox',pack:'center',align:'middle'}, 
        items:[{ 
         html: 'Modal Looks Odd', 
         listeners:{ 
          afterrender: 'htmlRender' 
         } 
        }] 
       }); 
       this.callParent(arguments); 
      } 
     }); 
     Ext.define('WinCtrl',{ 
      extend: 'Ext.app.ViewController', 
      alias:'controller.winctrl', 
      btnClickMeClick: function(){ 
       this.dialog = this.getView().add({xtype:'window2'}); 
       this.dialog.show(); 
      }, 
      htmlRender: function(){ 
       console.log(this.dialog); 
      } 
     }); 
     Ext.widget('window1').show(); 
    } 
}); 

我遇到的問題是，當車窗2推出的是模態才啓動它的觀點和我需要的窗口，是模式到整個文件。如果按原樣運行，htmlRender函數將正確記錄窗口2對象。我試圖在窗口2上設置renderTo: Ext.getBody();但是，渲染時無法訪問它的對象。在這種情況下，htmlRender會爲窗口2對象記錄一個「未定義」。

我需要一些幫助，允許窗口2呈現爲文檔的模態，同時允許我引用其對象。謝謝你的幫助。

Answer 1

我能夠通過設置來解決此問題在窗口上的renderConfig:Ext.getBody()，刪除html項目上的偵聽器，併爲window2上的show事件添加偵聽器：https://fiddle.sencha.com/#fiddle/133j

Answer 2

窗口不添加到該視圖中，將：

this.dialog = this.getView().add({xtype:'window2'}) 

有了：

this.dialog = Ext.widget('window2'); 

工作例如：https://fiddle.sencha.com/#fiddle/1338