Deep learning ExtJS4.2 (1)

Contact ExtJS4.2 also has a period of time, the total feel is still a good JS library, although the volume slightly larger point. Now want to based on the API provided by the official website, and then combined with some of their own cognition, re-examine the study of it.

First of all, we want to talk about the dynamic loading function in ExtJS4.2. Because it's a bit too big to introduce a 1.4MB ext-all.js file in an HTML file (which is probably why a small Web application doesn't use it), consider using the dynamic loading feature. Let's test this feature first and work with Firebug to debug. First look at my code.

You can see the ext-all-debug.js and Ext-debug.js in the directory on the right. I am referring to ext-debug.js, which is not all ext core components, but this file can guide us to get the required ext class. My app.js code is as follows:

Can see, when JS parsing here, the first will go to ext-debug.js inside to read the definition of Ext.application class, and then go to src/app/application.js again to read this kind of more specific information. This dynamic way is still good, because after all, ext-debug this JS is relatively small.

Look at Firebug, the result is the best proof.

Deep learning ExtJS4.2 (1)