如何將單獨的Extjs應用程序加載到另一個Extjs應用程序中

Question

我有一個Parent ExtJs應用程序，其中只有一個帶有一些值的組合框會出現。 組合框中的每個值都將與單獨的extjs應用程序有關。 我的意思是，如果我們從組合框中選擇任何值，則應該在屏幕中加載另一個單獨的extjs應用程序。 請給出一些想法來做到這一點。

Answer 1

您可以將應用程序呈現為HTML元素。 在應用程序A創建一個容器組件，並將應用程序B的視口呈現到此元素。

啟動應用程序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轉換為組件。