Nesting multiple MVC Applications

[AyKarsi]

I want to create a rather complex app with the following architecture:

MainApp
- Views
- Stores
- Controllers

Exensions.App1
- Views
- Stores
- Controllers

Exensions.App2
...

The main app would be responsible for loading and controlling the Extension Apps.
The Extension Apps should be independent of each other and would only require some core/common components to run outside the Main App.

Is this approach feasible at all?

In my current approach I've gotten the main and an extension app to run separately, but not the main app to load an extension.
My extension app lools something like this:

Ext.define('ISA.extensions.customer',{
    extend:'Ext.app.Application',
    alias:'customer',
    name: 'ISA.extensions.customer',
    appFolder: 'app',
    controllers: [
        'Users'
    ],
    launch: function() {
        Ext.create('Ext.panel.Panel', {
            layout:'border',
            height: 400,
            renderTo:  this.renderTo,
            defaults: {
                collapsible: false,
                split: false,
                bodyStyle: 'padding:0px'


            },
            items: [{
                title: 'Customer App',
                region:'center',
                margins: '0 0 0 0',
                cmargins: '0 0 0 0',
                width: 175,
                minSize: 100,
                maxSize: 250,
                items: {
                    xtype: 'userlist'
                }
            }]
        });
    }
});

[TonySteele]

This maybe what you want:

http://www.sencha.com/blog/deftjs-lo...ency-injection

[westy]

There was a guy at SourceDevCon who chatted about this, and it seemed to work well...

Here's his github: https://github.com/Fredric/ExtJS-Multiple-MVC
I've not had a chance to look at it yet.