1. Understand the extjs Development Kit
The first step to start extjs is to get the development kit, which can be downloaded from the official website http://www.extjs.com/to ensure the latest version. It is http://www.extjs.com/download. the development package behind success is extjs-2.0.2.zip, which is 6.08m large. But don't worry, this package does not have to be loaded when extjs programs are actually running. What really needs to be loaded is only two JS files and one CSS file in this package, a total of 665kb. The file directory structure after the upload.
Figure 2-1 extjs Development Kit file directory structure
The ExtJS-2.0.2 development kit contains 8 file packages and 8 files, which are briefly introduced below.
The adapter directory contains the core code of extjs and the adapter of the underlying Library (such as jquery and prototype). extjs can dynamically switch the underlying library. The key is here.
Air includes a code library that extjs uses air for improvement, as well as task management instances implemented using this code library.
The build directory is the code after extjs compression. The compressed code is smaller in size and can be loaded faster;
Of course the extjs documentation is in docs. The most important one is the extjs API, which is a magic weapon in the process of developing the extjs program.
Examples is an official demo. This is the best learning park for beginners. by familiarizing yourself with these demo columns, you can quickly master extjs development.
Package is the code library of various extjs components. When using related components, You need to introduce the component implementation library in this directory.
Resource is the image file and style sheet file used by extjs. The beautiful appearance that extjs is proud of is all controlled by the files in this directory.
The source directory is relative to the build directory, that is, the version before the build directory-related files are compressed.
The htaccess file is an access control file. extjs uses this file to implement protection for CSS, HTML, and JS files to prevent direct download. Of course, this requires support from the server.
The changes.txt file is a version correction list file.
Ext-all.js files are the core library of extjs and must be introduced.
The ext-all-debug.js file is the debug version of The ext-all.js and needs to be used to debug the version during debugging.
Ext-core.js file is also the core library of extjs, it must be introduced.
The ext-core-debug.js file is the debug version of The ext-core.js.
The include_order.txt file describes the sequence of introducing JS files using different underlying libraries.
The license.txt file is of course the extjs license file.