Loading applications inside an application

[VDP]

I'm creating a frame application. Inside the frame you can click menu items. Those items load an application in the container next to it.

Capture3.PNG

my folder structure:

Capture4.PNG

Like my test app there will be more apps..

first idea was to use

Ext.require('TestApp.app.view.MyContainer',function(){
   console.log('loaded the required class', 'MyContainer');
   //when this is fire I could create an instance and add it to the container.
}, this);

2 problems:

1. TestApp.app.view.MyContainer <=> TestApp.view.MyContainer
   
   The classname is Test.view.MyContainer but the folder is TestApp/app/view/MyContainer
2. the callback method doesn't fire. When does supposed to fire?

To summarize my questions:

• Is this a good approach or should I load the app.js?
• How should I load it?
• How about required controllers/stores/models/views and those references (where should I put them)?

[Izhaki]

See detailed reply on stackoverflow.

[VDP]

Thanks!! Mitchell Simoens' project at https://github.com/mitchellsimoens/SubAppDemo seems very usefull.

I think I was searching the wrong things because I found another useful thread.

http://www.sencha.com/forum/showthre...-Applications)

Thanx for getting me on my way.