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

时间:2014-06-23 18:35:48

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

我使用的是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();
}

我想要一个我已创建的视图,以便在我刚刚定义的模态窗口中渲染。

我该怎么做?

1 个答案:

答案 0 :(得分:2)

如果您为该视图定义了别名(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就足够了。