ExtJs-5.1.0 Getting Started learning

I have heard that ext, just a simple think of jquery similar to the JS framework, and no practical application or in-depth study, because the work needs to carry out in-depth study.

From ExtJS development to now has been released to 5.1.0, the latest entry ExtJS version of the older, download the source package directory is not the same, learning is really a lot of effort.

Get started on the feeling of taking the source package, simply put into the project to write a helloworld example even if the introduction. But in fact, it is not so easy, the latest package download down, is really very large, and later was self-streamlining to think that can no longer Jane.

Take a look

Ext-locale: Language Pack, only left in Chinese, after the introduction of the page, the self-contained control can support Chinese, for example, the sorting filter in the table, if you do not add this JS reference, will be English, plus the display of Chinese

Ext-theme-crisp: Theme I only left a new theme, other topics are not added, for Ext-theme-crisp This theme package, is all put in, do not know whether it is useful

Directory refinement This section is for reference: EXTJS5 Tutorial: What files Extjs5 need to introduce

After streamlining to add your own Java Web project, and then write a index.html, when the choice of HTML template, consider, chose HTML5, no special, just simple
Run, no problem.

The first HelloWorld project was finished.

The following is an example of an MVC that I saw when I was studying at the Sencha Chinese station, and I was interested in taking a test.
Reference address: ExtJS MVC development Model detailed


Where mvc.html code:

<! DOCTYPE html>
After running:




ExtJs-5.1.0 Getting Started learning