Using Ext Loader for Your Application http://www.sencha.com/blog/using-ext-loader-for-your-application Today, we’ll be looking at creating a small application that makes use of this new class Loader system, exercising the dependency management system. Along the way, we’ll discuss various configuration options for the Ext Loader system. en-us jay@moduscreate.com Copyright 2011 2011-06-27T19:00:47+00:00 Comment by Silan Hi Jay or anyone that may know, When I read this post, I feel everything was cristal clear—excellent work. So I decided to use the codes here and try to make it loaded by the EXT demo portal. In other words, I tried to make your ‘UserEditorWindow’ show as a portlet on the EXT JS 4 demo portal. After I put everything together, and changed the demo portal’s “portlet-3” to load content as items: [Ext.create(‘MyApp.views.UserEditorWindow’)], The portlet bar was shown on the portal, but had no content, Could you please let me know if this should work with portal as well, and if so, how? Thanks Hi Jay or anyone that may know,
When I read this post, I feel everything was cristal clear—excellent work. So I decided to use the codes here and try to make it loaded by the EXT demo portal. In other words, I tried to make your ‘UserEditorWindow’ show as a portlet on the EXT JS 4 demo portal.

After I put everything together, and changed the demo portal’s “portlet-3” to load content as
items: [Ext.create(‘MyApp.views.UserEditorWindow’)],
The portlet bar was shown on the portal, but had no content,

Could you please let me know if this should work with portal as well, and if so, how?
Thanks

]]> Tue, 02 Aug 2011 20:14 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:24798#date:20:14 Comment by Aaron Stagl ext.js:  is this really a minified version of ext-debug or ext-all? ext.js:  is this really a minified version of ext-debug or ext-all?

]]> Mon, 01 Aug 2011 18:30 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:24718#date:18:30 Comment by Bhagya HI, Its giving weird results when it is integrate ExtJs 4 with share point webpart.How to over come from these problem? 2.How to overide Extjs4 CSS to Sharepoint CSS dynamically? please help HI,

Its giving weird results when it is integrate ExtJs 4 with share point webpart.How to over come from these problem?
2.How to overide Extjs4 CSS to Sharepoint CSS dynamically? please help

]]> Wed, 06 Jul 2011 13:37 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23793#date:13:37 Comment by Justin Noel I complained above about the lack of an MVC CRUD example.  I’ve know posted my own example.  It might not be any good, but it is at least a starting point. I’d love feedback on it. http://www.sencha.com/forum/showthread.php?139433-Ext-MVC-CRUD-Demo&p=622323 I complained above about the lack of an MVC CRUD example.  I’ve know posted my own example.  It might not be any good, but it is at least a starting point.

I’d love feedback on it.

http://www.sencha.com/forum/showthread.php?139433-Ext-MVC-CRUD-Demo&p=622323

]]> Tue, 05 Jul 2011 16:10 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23769#date:16:10 Comment by xiaochao Can the Loader System load user css files? If it can, would you please give some sample code? Thanks and Best Regards! Can the Loader System load user css files? If it can, would you please give some sample code?

Thanks and Best Regards!

]]> Mon, 04 Jul 2011 02:17 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23731#date:02:17 Comment by oldroy I don’t quite understand why I would want the loader involved in much of anything. If we are wanting to load our app and then just swap data back and forth - then why not load it all at once?.....if the loader wasn’t so slow….well maybe…..but….damn…...it’s…...s…..lo…....w…..... I absolutely agree about the need for more MVC examples. I chuckle when I see guys who can’t provide an MVC example belittle someone who is simply asking for an example. I mean…..what’s all the hype about the latest greatest MVC pattern to be used with extjs4 if not even the wizards can provide a working example? https://github.com/lucassus/extjs4-account-manager Look at the above link for a full CRUD/mvc example with code that works. It’s basic….and it looks like the guy just finished the unfinished non-working example from the API docs…..but it works….....and it’s rails specific…..for those of us from a rails background. I’ve been trying to adapt his pattern to a dual-grid example where a child grid loads records based on parent record chosen in parent grid. As soon as I’ve got it working I’ll put in on github and post it back to the forums. Wish there were more examples out there….....but I guess examples will have to be provided by the community. I don’t quite understand why I would want the loader involved in much of anything. If we are wanting to load our app and then just swap data back and forth - then why not load it all at once?.....if the loader wasn’t so slow….well maybe…..but….damn…...it’s…...s…..lo…....w….....

I absolutely agree about the need for more MVC examples. I chuckle when I see guys who can’t provide an MVC example belittle someone who is simply asking for an example. I mean…..what’s all the hype about the latest greatest MVC pattern to be used with extjs4 if not even the wizards can provide a working example?

https://github.com/lucassus/extjs4-account-manager

Look at the above link for a full CRUD/mvc example with code that works. It’s basic….and it looks like the guy just finished the unfinished non-working example from the API docs…..but it works….....and it’s rails specific…..for those of us from a rails background.

I’ve been trying to adapt his pattern to a dual-grid example where a child grid loads records based on parent record chosen in parent grid. As soon as I’ve got it working I’ll put in on github and post it back to the forums.

Wish there were more examples out there….....but I guess examples will have to be provided by the community.

]]> Thu, 30 Jun 2011 22:00 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23655#date:22:00 Comment by JeremyS Is it possible that it is necessary to have a subfolder like js/ ->MyApp/   ->views/   ->controller/   .... to realize namespaces? Cause tried something like this Ext.Loader.setPath(‘incbszdb’, ‘static/js’); js/ ->views/ ->controller/ .... and the app said “Namespace not found…” Is it possible that it is necessary to have a subfolder like

js/
->MyApp/
  ->views/
  ->controller/
  ....

to realize namespaces?

Cause tried something like this

Ext.Loader.setPath(‘incbszdb’, ‘static/js’);


js/
->views/
->controller/
....

and the app said “Namespace not found…”

]]> Wed, 29 Jun 2011 15:22 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23629#date:15:22 Comment by siteslave It very slow. It very slow.

]]> Wed, 29 Jun 2011 07:33 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23605#date:07:33 Comment by Alex Betz @Justin Noel. Thank you for spelling it out. This is exactly the reason why I have trouble to adopt ExtJS for my purposes. My gut feeling tells me that ExtJS is the way to go. I have no trouble incorporating individual pieces, but simply cannot jump that final, but crucial hurdle. One less paying customer (that would be me) for Sencha until I can see a best practice example of a proper ‘real world app’ as Justin described. It doesn’t have to be huge or complicated, but it should contain ALL the parts required to do it and hints regarding how it can be extended. @Justin Noel. Thank you for spelling it out. This is exactly the reason why I have trouble to adopt ExtJS for my purposes. My gut feeling tells me that ExtJS is the way to go. I have no trouble incorporating individual pieces, but simply cannot jump that final, but crucial hurdle. One less paying customer (that would be me) for Sencha until I can see a best practice example of a proper ‘real world app’ as Justin described. It doesn’t have to be huge or complicated, but it should contain ALL the parts required to do it and hints regarding how it can be extended.

]]> Wed, 29 Jun 2011 07:12 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23601#date:07:12 Comment by Nicholas Orr @Donald except Ext doesn’t come across as vanilla JS… the devs have put a fair amount of thought into how to structure things and with that in mind the came up ExtJS. The bite sized examples work really well as long as you use the example stand alone. I can put together a grid with a json store that when a row is clicked it loads up a form and save the data to and from the server. This is a one pager, single function. Going from that to an App that has lots of stuff going on needs some sort of structure and this isn’t really clear how best to do this in ExtJS… Maybe I haven’t read enough. I get that we don’t have to use the MVC deal. It doesn’t really fit what I want to do anyways, same as how the RoR MVC way didn’t fit what I wanted to do either… @Donald except Ext doesn’t come across as vanilla JS… the devs have put a fair amount of thought into how to structure things and with that in mind the came up ExtJS. The bite sized examples work really well as long as you use the example stand alone. I can put together a grid with a json store that when a row is clicked it loads up a form and save the data to and from the server. This is a one pager, single function.

Going from that to an App that has lots of stuff going on needs some sort of structure and this isn’t really clear how best to do this in ExtJS… Maybe I haven’t read enough.

I get that we don’t have to use the MVC deal. It doesn’t really fit what I want to do anyways, same as how the RoR MVC way didn’t fit what I wanted to do either…

]]> Tue, 28 Jun 2011 21:44 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23590#date:21:44 Comment by Donald @Justin Noel Maybe this hasnt been mentioned anywhere but you dont have to follow their MVC pattern…You can still use ExtJS as you would with version 3 or 2…... @Justin Noel Maybe this hasnt been mentioned anywhere but you dont have to follow their MVC pattern…You can still use ExtJS as you would with version 3 or 2…...

]]> Tue, 28 Jun 2011 21:41 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23589#date:21:41 Comment by Justin Noel @Donald - I never suggested I was having trouble creating widgets or elements, nor am I a complete noob to JavaScript.  Ext JS 4 is a very complex framework, has a completely new MVC structure, etc.  That is slightly beyond “looking for more of a JavaScript course” So, if CakePHP, RoR, or any other framework came out with a complete rewrite and did not provide a working example that covered MOST aspects in a single coherent example, should the confused programmer simply “look for a PHP course” or “look for a Ruby course”? There is no doubt that much more experienced developers are well on their way to productivity with Ext JS.  However, the less experienced (to Ext) are baffled.  Look in the forums for people begging for a complete CRUD example, a better MVC example.  Should we all be taking “JavaScript for Dummies” instead?  Sencha has certainly not provided enough truly useful examples to encourage people to adopt Ext JS. @Donald - I never suggested I was having trouble creating widgets or elements, nor am I a complete noob to JavaScript.  Ext JS 4 is a very complex framework, has a completely new MVC structure, etc.  That is slightly beyond “looking for more of a JavaScript course”

So, if CakePHP, RoR, or any other framework came out with a complete rewrite and did not provide a working example that covered MOST aspects in a single coherent example, should the confused programmer simply “look for a PHP course” or “look for a Ruby course”?

There is no doubt that much more experienced developers are well on their way to productivity with Ext JS.  However, the less experienced (to Ext) are baffled.  Look in the forums for people begging for a complete CRUD example, a better MVC example.  Should we all be taking “JavaScript for Dummies” instead?  Sencha has certainly not provided enough truly useful examples to encourage people to adopt Ext JS.

]]> Tue, 28 Jun 2011 21:08 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23587#date:21:08 Comment by Donald @Nicholas Orr @Justin Noel It seems like you guys have grasped the basics of ExtJS but not the basics of JavaScript…. All ExtJS is, is JavaScript….if you are unsure of how to create new Elements or Widgets via JS/ExtJS then maybe you should be looking for more of a JavaScript course. Creating a large application just adds more widgets and lines of code, this is done by creating objects/methods via JavaScript and calling those via Events/handlers.  Sure along with a large application comes much more code to manage and how do you manage that?  Well that comes with experience and guidance. @Nicholas Orr @Justin Noel It seems like you guys have grasped the basics of ExtJS but not the basics of JavaScript…. All ExtJS is, is JavaScript….if you are unsure of how to create new Elements or Widgets via JS/ExtJS then maybe you should be looking for more of a JavaScript course.

Creating a large application just adds more widgets and lines of code, this is done by creating objects/methods via JavaScript and calling those via Events/handlers.  Sure along with a large application comes much more code to manage and how do you manage that?  Well that comes with experience and guidance.

]]> Tue, 28 Jun 2011 20:32 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23586#date:20:32 Comment by Nicholas Orr @JustinNoel is on the money, as soon as I step outside of the example and into the real world, shit does not stack up at all :( The desktop app is nice, the feed viewer app is nice too. Even doing the Google music beta interface (http://img823.imageshack.us/img823/3433/googlemusicbeta.png) in extjs is fairly straight forward as each one of these things are straight forward due to their single use/purpose. Real business apps are not single use/purpose, they have all sorts of data that interact all over the place depending on a ton of criteria (our app, attempting to capture who has access to what is convulted as there is more than one thing happening) I’d like to see an example app that has different data going on, different views depending on different situations, even a standard shopping site with front and back ends is simple/straight forward. I guess the issue is real world examples are only going to exist in real world contexts and as such are probably not going to be opened up as examples to follow as they actually solve business needs, which are not for general public consumption… This is very much the case with out app. I know exactly how I want to work and which extjs bits to use, I’m just struggling to structure this app so it is not a hodge podge of fail… @JustinNoel is on the money, as soon as I step outside of the example and into the real world, shit does not stack up at all :(

The desktop app is nice, the feed viewer app is nice too. Even doing the Google music beta interface (http://img823.imageshack.us/img823/3433/googlemusicbeta.png) in extjs is fairly straight forward as each one of these things are straight forward due to their single use/purpose.

Real business apps are not single use/purpose, they have all sorts of data that interact all over the place depending on a ton of criteria (our app, attempting to capture who has access to what is convulted as there is more than one thing happening)

I’d like to see an example app that has different data going on, different views depending on different situations, even a standard shopping site with front and back ends is simple/straight forward.

I guess the issue is real world examples are only going to exist in real world contexts and as such are probably not going to be opened up as examples to follow as they actually solve business needs, which are not for general public consumption… This is very much the case with out app. I know exactly how I want to work and which extjs bits to use, I’m just struggling to structure this app so it is not a hodge podge of fail…

]]> Tue, 28 Jun 2011 20:26 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23585#date:20:26 Comment by Sebastien Tardif Another blog could be about: currentRec.beginEdit(); currentRec.endEdit(); currentRec.commit(); basicForm.updateRecord(currentRec); It’s hard to find a good explanation about these. Another blog could be about:
currentRec.beginEdit();
currentRec.endEdit();
currentRec.commit();
basicForm.updateRecord(currentRec);

It’s hard to find a good explanation about these.

]]> Tue, 28 Jun 2011 20:01 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23581#date:20:01 Comment by Justin Noel Jay, First, I greatly appreciate your post.  This is the most useful tutorial I have found on any aspect of Ext JS 4 to date.  Thank you so much for providing it. ” I believe it paves the way for future articles that describe what you’re looking for.  That is, if Sencha will have me do it ”  : They’d better! “@DB and @halcwb This article was written with the novice in mind and is over ten pages printed!  There was no way I was going to mix MVC in the mix.  The purpose was to show how to use Ext.Loader with custom classes.  “ I completely appreciate your perspective here.  However, I feel that ALL that’s been published to date is mini-examples that describe little scenarios.  There are literally tons of them in the docs, the guides, the samples, this blog etc.  There are so many that describe just one little aspect without a view on the whole.  THESE are what are confusing us.  Each one is in a silo, configs objects differently (see quote below), introduces concepts never seen elsewhere with little explanation, etc.  “Why do you need to use initComponent to set the items of the form panel? Can’t you just use the items config option?” Sencha has done a very poor job of introducing us all the Ext JS 4.  I for one am quite disappointed.  I convinced my management team that Ext was the way to go for our future development needs.  Now, I am struggling to complete a complex app because of the lack of a single coherent example more complex than editing a user in a grid via a form. Sencha needs to step up and provide a well documented single MVC example that incorporates and explains all best practicies. Jay,

First, I greatly appreciate your post.  This is the most useful tutorial I have found on any aspect of Ext JS 4 to date.  Thank you so much for providing it.

” I believe it paves the way for future articles that describe what you’re looking for.  That is, if Sencha will have me do it ”  : They’d better!

“@DB and @halcwb This article was written with the novice in mind and is over ten pages printed!  There was no way I was going to mix MVC in the mix.  The purpose was to show how to use Ext.Loader with custom classes.  “

I completely appreciate your perspective here.  However, I feel that ALL that’s been published to date is mini-examples that describe little scenarios.  There are literally tons of them in the docs, the guides, the samples, this blog etc.  There are so many that describe just one little aspect without a view on the whole.  THESE are what are confusing us.  Each one is in a silo, configs objects differently (see quote below), introduces concepts never seen elsewhere with little explanation, etc. 

“Why do you need to use initComponent to set the items of the form panel? Can’t you just use the items config option?”

Sencha has done a very poor job of introducing us all the Ext JS 4.  I for one am quite disappointed.  I convinced my management team that Ext was the way to go for our future development needs.  Now, I am struggling to complete a complex app because of the lack of a single coherent example more complex than editing a user in a grid via a form.

Sencha needs to step up and provide a well documented single MVC example that incorporates and explains all best practicies.

]]> Tue, 28 Jun 2011 12:08 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23563#date:12:08 Comment by Ingol Great stuff !! Too bad there isn’t more of this .. :-( Cant wait for Ext4 In Action Great stuff !! Too bad there isn’t more of this .. :-(
Cant wait for Ext4 In Action wink

]]> Tue, 28 Jun 2011 08:14 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23549#date:08:14 Comment by camelCase In object oriented terms the example code is declaring derived class types when instances of the core ExtJS class would be sufficient. Does the class loader mandate this form of OO design? In object oriented terms the example code is declaring derived class types when instances of the core ExtJS class would be sufficient. Does the class loader mandate this form of OO design?

]]> Tue, 28 Jun 2011 07:50 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23547#date:07:50 Comment by FredricBerling The Sencha command-line tool in the SDK builds a Jsb and creates a single js file of all the required classes. I use that when going from dev to deploy. The Sencha command-line tool in the SDK builds a Jsb and creates a single js file of all the required classes.
I use that when going from dev to deploy.

]]> Mon, 27 Jun 2011 21:59 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23525#date:21:59 Comment by Les >>> I believe it’s a missing piece to Ext Loader.  Something that I’ve talked about since #ExtJS 4.0’s launch. Jay, Can you explore this some more with your friends at Sencha?  When are they planning to add the ability to combine the Ext-loaded files into a single file?  This is a must have feature for larger apps. >>> I believe it’s a missing piece to Ext Loader.  Something that I’ve talked about since #ExtJS 4.0’s launch.

Jay,

Can you explore this some more with your friends at Sencha?  When are they planning to add the ability to combine the Ext-loaded files into a single file?  This is a must have feature for larger apps.

]]> Mon, 27 Jun 2011 21:03 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23523#date:21:03 Comment by Jay Garcia @bigfish, i think :  paths : { ‘myNamespace’ : ‘src/mynamespace’, ‘othernamespace’ : ‘src/othernamespace’ } @bigfish, i think :  paths : { ‘myNamespace’ : ‘src/mynamespace’, ‘othernamespace’ : ‘src/othernamespace’ }

]]> Mon, 27 Jun 2011 20:45 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23520#date:20:45 Comment by bigfish Can the Loader resolve multipart namespaces? Eg, if you specify: Ext.Loader.setConfig({ paths: ‘top: ‘src/top’ } Will it be able to load the class ‘top.middle.Bottom’ from ‘src/top/middle/Bottom.js’ ? I guess I could try, but I’m lazy :p Can the Loader resolve multipart namespaces? Eg, if you specify:

Ext.Loader.setConfig({
paths: ‘top: ‘src/top’
}

Will it be able to load the class ‘top.middle.Bottom’ from ‘src/top/middle/Bottom.js’ ?

I guess I could try, but I’m lazy :p

]]> Mon, 27 Jun 2011 20:13 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23516#date:20:13 Comment by Steven Roussey One thing that is missing is how to use the “package” files. That is, using package-grid.js instead of all the files separately that make up the grid. It is the cross between ext-all and individual files. They used to make these files for us in the Ext3 days, but Ext4’s loader is the way to actually do it… One thing that is missing is how to use the “package” files. That is, using package-grid.js instead of all the files separately that make up the grid. It is the cross between ext-all and individual files. They used to make these files for us in the Ext3 days, but Ext4’s loader is the way to actually do it…

]]> Mon, 20 Jun 2011 17:31 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23168#date:17:31 Comment by Austin Love this tutorial but wanna see more like this tutorials. Love this tutorial but wanna see more like this tutorials.

]]> Mon, 20 Jun 2011 13:53 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23164#date:13:53 Comment by Edwin Sandoval Very very good article man, I learned EXT JS 3.0 but now I want to learn the 4 version as soon as possible jajaja Greatings from Chihuahua Very very good article man, I learned EXT JS 3.0 but now I want to learn the 4 version as soon as possible jajaja

Greatings from Chihuahua

]]> Fri, 17 Jun 2011 16:49 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23046#date:16:49 Comment by ykey What about ext-dev.js and ext-all-dev.js that were added in 4.0.2? What about ext-dev.js and ext-all-dev.js that were added in 4.0.2?

]]> Fri, 17 Jun 2011 03:16 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:23000#date:03:16 Comment by Bryan Why do you need to use initComponent to set the items of the form panel? Can’t you just use the items config option? Why do you need to use initComponent to set the items of the form panel? Can’t you just use the items config option?

]]> Fri, 17 Jun 2011 03:15 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22999#date:03:15 Comment by Jonathan Ingram I know this is a post on the Class Loader, not really Ext application architecture, but how would you go about using an App.js file when you have a multi-page site. That is, you have a /users page and a /products page and each essentially has its own Ext.onReady - obviously you can’t include two calls to Ext.onReady in App.js and it seems hacky to do a conditional check based on the URL to determine what Ext.onReady to fire. Would the recommended best practice solution to treat each page (i.e. each /users and /products) as its own App (i.e. UsersApp.js and ProductsApp.js) which could then be merged into an App.js for performance? I know this is a post on the Class Loader, not really Ext application architecture, but how would you go about using an App.js file when you have a multi-page site. That is, you have a /users page and a /products page and each essentially has its own Ext.onReady - obviously you can’t include two calls to Ext.onReady in App.js and it seems hacky to do a conditional check based on the URL to determine what Ext.onReady to fire. Would the recommended best practice solution to treat each page (i.e. each /users and /products) as its own App (i.e. UsersApp.js and ProductsApp.js) which could then be merged into an App.js for performance?

]]> Fri, 17 Jun 2011 00:06 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22996#date:00:06 Comment by Jay Garcia @Trung, I believe it’s a missing piece to Ext Loader.  Something that I’ve talked about since #ExtJS 4.0’s launch. @Trung,

I believe it’s a missing piece to Ext Loader.  Something that I’ve talked about since #ExtJS 4.0’s launch.

]]> Thu, 16 Jun 2011 20:02 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22988#date:20:02 Comment by Trung Nguyen I can see the usefulness of this approach when the number of files is small or when working in a development mode, but does JSBuilder (if Ext’s still using that to build) read these Ext.require() statements to build a single JS bundle for production deployments? I can see the usefulness of this approach when the number of files is small or when working in a development mode, but does JSBuilder (if Ext’s still using that to build) read these Ext.require() statements to build a single JS bundle for production deployments?

]]> Thu, 16 Jun 2011 19:28 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22987#date:19:28 Comment by Jay Garcia @DB and @halcwb This article was written with the novice in mind and is over ten pages printed!  There was no way I was going to mix MVC in the mix.  The purpose was to show how to use Ext.Loader with custom classes.  I believe it paves the way for future articles that describe what you’re looking for.  That is, if Sencha will have me do it @DB and @halcwb This article was written with the novice in mind and is over ten pages printed!  There was no way I was going to mix MVC in the mix.  The purpose was to show how to use Ext.Loader with custom classes.  I believe it paves the way for future articles that describe what you’re looking for.  That is, if Sencha will have me do it smile

]]> Thu, 16 Jun 2011 19:01 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22986#date:19:01 Comment by DB Echoing what halcwb said about taking this to a larger App context. Why not go the user guide way and call app.launch()  - and include controllers… I think examples like these will confuse many users who need to learn Best Practices of building a full blown app. If all they need is a modal window they should just use JQuery or some microjs framework. Also did you notice it takes 7 seconds to load your page? It’s cause every class is loaded separately in 203 Requests! An SDK builder is required here, or just go the ext-all option, it will be faster. Echoing what halcwb said about taking this to a larger App context. Why not go the user guide way and call app.launch()  - and include controllers… I think examples like these will confuse many users who need to learn Best Practices of building a full blown app. If all they need is a modal window they should just use JQuery or some microjs framework.
Also did you notice it takes 7 seconds to load your page? It’s cause every class is loaded separately in 203 Requests! An SDK builder is required here, or just go the ext-all option, it will be faster.

]]> Thu, 16 Jun 2011 18:37 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22983#date:18:37 Comment by goFrendiAsgard thank you, this explains a lot,..... thank you, this explains a lot,.....

]]> Thu, 16 Jun 2011 17:46 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22979#date:17:46 Comment by mdmadph You know, that was actually pretty well-written and easy to understand.  That class loader system is something I would’ve killed to have had years ago. You know, that was actually pretty well-written and easy to understand.  That class loader system is something I would’ve killed to have had years ago.

]]> Thu, 16 Jun 2011 15:40 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22969#date:15:40 Comment by Donald Excellent article!!  I’ve yet to really start playing with ExtJS4 but I am so looking forward to it. Excellent article!!  I’ve yet to really start playing with ExtJS4 but I am so looking forward to it.

]]> Thu, 16 Jun 2011 15:16 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22964#date:15:16 Comment by halcwb The Ext Loader functionality is indeed very useful. I use it in a larger MVC application. However, there are some caveats. One of which is that you do not only want to load Controllers, Views, Models and Stores, but you also would like to load small components or widgets that can be reused throughout your application. I find it difficult to figure out how to implement that and fit in the overall application architecture. A second (small) detail is, that if you use controllers and you have a model named UserModel, the controller will create a getter getUserModelModel, likewise a UserStore becomes a getUserStoreStore. Small but annoying detail. I still am looking forward to learn from a ‘real’ application with multiple controllers (possibly a HMVC structure), reusable widgets and components that can be used in multiple views, a strict separation of concerns between control logic, view logic, query logic (I mean the proxy) and model logic. So, I am looking forward to your Ext Js 4.0 in Action. The Ext Loader functionality is indeed very useful. I use it in a larger MVC application. However, there are some caveats. One of which is that you do not only want to load Controllers, Views, Models and Stores, but you also would like to load small components or widgets that can be reused throughout your application. I find it difficult to figure out how to implement that and fit in the overall application architecture.
A second (small) detail is, that if you use controllers and you have a model named UserModel, the controller will create a getter getUserModelModel, likewise a UserStore becomes a getUserStoreStore. Small but annoying detail.
I still am looking forward to learn from a ‘real’ application with multiple controllers (possibly a HMVC structure), reusable widgets and components that can be used in multiple views, a strict separation of concerns between control logic, view logic, query logic (I mean the proxy) and model logic.
So, I am looking forward to your Ext Js 4.0 in Action.

]]> Thu, 16 Jun 2011 13:43 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22956#date:13:43 Comment by Javier Rincon Err jay i mean… Stupid spanish dictionary hehe… Err jay i mean…
Stupid spanish dictionary hehe…

]]> Thu, 16 Jun 2011 13:23 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22951#date:13:23 Comment by Javier Rincon Thanks hay, that explains a lot… Keep up te good work! Thanks hay, that explains a lot…
Keep up te good work!

]]> Thu, 16 Jun 2011 13:21 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22950#date:13:21 Comment by Pit Great explanation of Ext.Loader tweaks. Thanks a lot, Jay. Great explanation of Ext.Loader tweaks. Thanks a lot, Jay.

]]> Thu, 16 Jun 2011 12:58 GMT http://www.sencha.com/blog//using-ext-loader-for-your-application#id:22945#date:12:58