ExtJS中多个视口的情况

时间:2014-10-24 12:37:08

标签: javascript extjs extjs4.2 extjs-mvc

我有一个包含许多页面/应用程序的文件夹。一个这样的应用程序称为dynamics。所以文件夹结构现在看起来像这样:

- dynamics.js
+ model
+ view
  - Viewport.js
  - Dynamics.js
+ controller

所以,正如你所看到的,我现在只有一个页面/应用程序,但将来我会有很多。因此,我不想使用标准Viewport.js文件,而是使用Dynamics.js。但是,如果我像这样配置application

Ext.application({
  ...
  autoCreateViewport:'Dynamics'
});

即使加载Dynamics.js(与Viewport.js相同),我也会得到一个空白页。伙计们,我需要一些帮助。

修改

做到了。我刚刚在应用程序内部创建了一个自定义视口,并使用了autoCreateViewport:false

1 个答案:

答案 0 :(得分:2)

如果您有一个应用程序页面(index.html),请尝试类似的操作。然后,您可以与第二个视口类(Dynamics.js)不同地定义默认视口类(Viewport.js)。

Ext.application({
    name: 'MyApp',
    extend: 'MyApp.Application',
    autoCreateViewport: false,
    launch: function () {

                if (window.location.href.indexOf('/MyApp/index.html') > -1) {
                        Ext.create('MyApp.view.Viewport');
                }
                else if (window.location.href.indexOf('/MyApp/index.html?viewport=Dynamics') > -1) {
                        Ext.create('MyApp.view.Dynamics');
                }
    }
});