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

Question

我正在使用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();
}

我希望在我刚刚定义的模态窗口内渲染已经创建的视图。

我怎么做？

Answer 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 ，就足够了。