Dynamically loading MVC controller

[olakara]

Looking at the existing docs and code, I don't think its possible. But, Is there any possibility of dynamically loading controllers to MVC application?

Here is what I am planning to do: I have few controllers that are not needed by certain users of the application. And also need to load few modules only if user is accessing it. The first case is basically an access control method.

Is it possible to execute code before the controllers are instantiated? Or make few controllers and classes load dynamically? Any ideas and suggestions are welcome.

Thanks in advance,

[Fredric Berling]

Ext.application({
    name: 'MyApp',
    controllers:['Users'],   //This is making the file "controllers/Users.js" load.

    launch: function() {
       
    }
});

[olakara]

Ext.application({
    name: 'MyApp',
    controllers:['Users'],   //This is making the file "controllers/Users.js" load.

    launch: function() {
       
    }
});

@Fredric, I am aware of that.. my question is can i make array dynamic? For example, I need to add or remove controllers after the application is loaded Or before the application is loaded.

I see that launch() method is called after initialization of all the controllers.. but is there a way to access these before being initialized or after?

[ykey]

On a related note I have tried without success to instantiate a controller without an application being defined. The two are extremely coupled to each other. This has made unit testing controller code impossible without an application being loaded.

[mitchellsimoens]

You can try the constructor or initComponent method

[ykey]

Please explain or were you talking to olakara.

[olakara]

You can try the constructor or initComponent method

Sorry, I didn't get the idea? can you explain further? or give us an example?

[yd290276]

Hello,
with extJS 3.x i've built a similar architecture. i tried with extjs 4.x a proof of concept to load dynamically controllers. Here is how i do this:

1) You need an Application (says 'app.js') with at least 1 controller (says 'users')
2) in my view 'user' that is linked to controller 'users' i add a simple button
3) in controller 'users', add a listener to the 'click' event of view 'user' button
4) in click event handler in controller 'users', just call method 'this.getController('newController')'
5) ExtJs4 MVC will synchronously load the 'newController' file and add it to the application 'app.js'
6) to handle dynamic adding of controllers, in application 'launch' method, i add an event handler for 'add' event of 'controllers' property. So this way i can call the controller 'init' method (says with 'object.init()')

Is this answer your problem ? You can see my test source files : Users.zip

Now, i'm still thinking the best way to handle/manage view replacement in viewport after adding a controller. To be continued !

[ykey]

yd thanks for your post. it got me headed in what I think is a good direction.

I also want to destroy old controllers and views when they are not being used. I've attached a sample that shows how I am doing this (at least I think I am needs more testing).

[yd290276]

Thanks ykey,
i've ever not looked at the API to check Ext singleton allow a "destroy" method ! I'll try it in my "proof of concept" application.