Pages

Monday, January 16, 2012

An ExtJS MVC application with dynamically loaded views and controllers

Here's a slightly more complex MVC application, that allows for dynamic loading of controllers and views:



here is the jsfiddle code
Posted by at
Labels:

20 comments:

  1. Carey HinokiJanuary 26, 2012 at 2:00 PM

    Thanks for the tutorial. The video only had mono sound though! Glad you were able to go over specific details of the 'MVC' pattern of Extjs. I am sure this is only one implementation, but it looks sound.

    I am brand new to Extjs and it seems like there is a steep learning curve. I wish they had more examples of full blown application guides / tutorials. The only examples I see are too basic. I cannot grasp the higher level concepts based on those. This video brings me one step closer to learning. Hopefully I will be able to provide similar communal help once I get going.

    Regards,

    ReplyDelete
  2. AnonymousJanuary 29, 2012 at 5:45 PM

    Hi there, this was very helpful. I can use this technique for my next project.
    I am starting with ExtJS 4.2 (beta) so I had to change the setMainView Function center var to:

    var center = this.viewport.layout.centerRegion;

    ReplyDelete
  3. YuryFebruary 16, 2012 at 4:40 AM

    Thank you for great video and code example, it was very helpful. Can I please clarify one thing, how new tab can be modified (e.g closable, icon image...)?

    ReplyDelete
  4. UnknownJuly 10, 2012 at 4:35 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  5. AnonymousJuly 15, 2012 at 2:38 PM

    Thanks for the great code example. It was very helpful.

    ReplyDelete
  6. AnonymousJuly 17, 2012 at 5:14 AM

    Thank you so much for this video, and code sample. Am a newbie to extJs and was wondering how to connect the dots. Like Carey Hinoki said, the tutorials go from extremely simple to incomprehensible.

    I also would thank Anonymous #1 for the line: var center = this.viewport.layout.centerRegion;
    The 4.1 Docs have your version of : layout.region which is deprecated.

    All the best,
    Doron.

    ReplyDelete
  7. UnknownSeptember 19, 2012 at 7:54 AM

    Thanks for a great tutorial. This got me started really quickly as opposed to trying to figure out the basics looking through APIs and other docs.

    ReplyDelete
  8. badarDecember 29, 2012 at 3:18 AM

    Mantabz bro....Badar

    ReplyDelete
  9. UnknownFebruary 21, 2013 at 3:54 AM

    It's private

    ReplyDelete
  10. AnonymousFebruary 27, 2013 at 8:31 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  11. AnonymousMarch 6, 2013 at 7:33 AM

    Any chance of making this video available again?

    ReplyDelete
  12. AnonymousJuly 22, 2013 at 6:44 AM

    hi neil, first, this is an awesome extjs tutorial! it has made get a better understanding of extjs MVC. one issue though, your code in jsfiddle.net is not running could kindly check it out.

    lewis

    ReplyDelete
  13. Sérgio MichelsJuly 25, 2013 at 5:11 AM

    Really good video! A nice and simple solution to load controllers.

    I tested the fiddle and it's not working anymore: TypeError: this.viewport.layout.regions is undefined

    I solved this by setting an itemId to the center panel and adding a reference to this in the application: http://jsfiddle.net/vkgjU/395/

    ReplyDelete
    Replies
    1. AnonymousAugust 23, 2013 at 7:04 AM

      Thanks Michels for the heads up. Your fiddle works fine. Much appreciated.

      lewis

      Delete
  14. AnonymousSeptember 12, 2013 at 8:01 AM

    Very helpful. Thanks :)

    ReplyDelete
  15. YacefDecember 18, 2013 at 5:15 AM

    thank you very much.

    ReplyDelete
  16. AnonymousAugust 26, 2014 at 4:11 AM

    I checked out the fiddle link the sample is not working.

    ReplyDelete
  17. AnonymousSeptember 17, 2020 at 12:31 AM

    Hello Neil,

    thanks for the video, but I have a question:

    What about if we need to pass some parameters to the controller?

    Kind regards

    ReplyDelete

Subscribe to: Post Comments (Atom)