EXTJS 在 Ext.window.Window 中显示视图答案

【问题标题】：EXTJS Display a View within Ext.window.WindowEXTJS 在 Ext.window.Window 中显示视图
【发布时间】：2014-06-23 18:35:47
【问题描述】：

我使用的是 4.2 版。

我目前有一个扩展面板的视图。在这个面板上有一个显示模式窗口的按钮。单击按钮时的控制器代码如下（我从extjs docs 中提取）：

displaySearch : function(btn) {
    var panel = Ext.create('Ext.window.Window', {
                    title: 'Hello',
                    height: 200,
                    width: 400,
                    layout: 'fit',
                    modal : true,
                    items: {  
                       ...
                    }
                }).show();
}

我希望在我刚刚定义的模式窗口内呈现我已经创建的视图。

我该怎么做？

【问题讨论】：

标签： javascript extjs model-view-controller extjs4.2

【解决方案1】：

如果您为该视图定义了一个别名 (xtype)，假设它是“myview”，那么您只需将其添加到这样的项目中：

var panel = Ext.create('Ext.window.Window', {
    title: 'Hello',
    height: 200,
    width: 400,
    autoShow:true,
    layout: 'fit',
    modal : true,
    items: [{
        xtype:'myview'
    }]
});

另外，创建的窗口不需要调用show()，配置autoShow:true即可。

【讨论】：