将项添加到视口而不显示extjs 4

时间:2012-10-24 20:09:28

标签: javascript extjs window extjs4

我该怎么办? 如果我将项目添加到视口中:

Ext.define('Me.view.Viewport', {
extend: 'Ext.container.Viewport',
layout: 'fit',

requires: [
    'Me.view.Params',
    'Me.view.DrawChart',
'Me.view.ParamsBtn'
    'Me.view.ChartWin'
],

initComponent: function() {
    this.items = {
       items : [{ xtype : params, align : center},{xtype : paramsbtn, align...}]};

好吧,如果我在“requires”中添加我的视图,我需要在我的视口中的某个地方实例化它们,否则它会给我这个错误:

Uncaught TypeError: Cannot read property 'isInstance' of undefined 

每个例子我有一个窗口,我需要在按钮点击后显示,但我的应用程序无法识别它,除非它在视口中,但我不希望它在视口中,我只是想显示它......我问过这个问题:adding item to window Extjs 4 在那里你可以看到我的ChartWin的代码,其中我添加了一个项目,即视图DrawChart。现在我只需要在点击按钮后显示ChartWin。

请非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

如果是要显示的窗口,则根本不需要将其添加到视口中。 Windows是自动浮动的Panel组件的特例。 所以你要做的就是通过从Window组件扩展来定义你的窗口。当您创建该窗口的实例时,您可以调用show()来显示它。 他们的网站上有很多例子:http://docs.sencha.com/ext-js/4-1/#!/example/window/layout.html