如何將Expejs應用程序加載到另一個Extjs應用程序中

Question

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

Answer 1

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

啓動應用程序答：

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' }); 
    } 
}); 

請考慮創建轉換應用B到一個組件。