如何将sepereate Extjs应用程序加载到另一个Extjs应用程序中

时间:2015-08-24 05:31:18

标签: javascript extjs extjs4

我有一个Parent ExtJs应用程序,其中只有一个带有一些值的组合框将出现。组合框中的每个值都与单独的extjs应用程序有关。我的意思是如果我们从组合框中选择任何值,则应在屏幕中加载另一个单独的extjs应用程序。请提出一些想法来做到这一点。

1 个答案:

答案 0 :(得分:0)

您可以将应用程序呈现给HTML元素。在应用程序A中创建容器组件,并将应用程序B的视口呈现给此元素。

启动App A:

Ext.application({
    name: 'AppA',
    extend: 'AppA.Application',
    // Add in one of your components a container with DOM id=DomIdOfElementInAppA
    autoCreateViewport: 'AppA.view.main.Main'
});

启动AppB:

Ext.application({
    name: 'AppB',
    extend: 'AppB.Application',
    // Dont do this, we want to render the app to a custom container
    // autoCreateViewport: 'AppB.view.main.Main'
    launch: function ()
    {
        Ext.create('Bliss.view.main.Main', { renderTo:'DomIdOfElementInAppA' });
    }
});

请考虑将App B转换为组件。