Adapter: is responsible for providing a third party bottom library (including ext from the bottom of the library) mapped to ext supported by the underlying library.
Build: After the compressed ext all source code (inside classified storage).
Docs:api Help document.
Exmaples: Provides a small example of using ExtJS technology.
Resources:ext UI resource file directories, such as CSS, picture files are stored in this area.
Source: No compression ext all the source code (inside classified storage) comply with the Lesser GNU (LGPL) Open source agreement.
Ext-all.js: Compressed After the full source of ext.
Ext-all-debug.js: No compressed ext all the source code (for debugging).
Ext-core.js: The core components of the compressed EXT, including all classes under Sources/core.
Ext-core-debug.js: Core components without compression ext, including all classes under Sources/core.
After you get the ExtJS library file, you can apply the ExtJS to the page. Application ExtJS need to introduce ExtJS style and ExtJS library file in the page, the JS library file with Resources/css/ext-all.css,extjs style file contains two main, adapter/ext/ Ext-base.js and Ext-all.js, where ext-base.js represents the framework base library, Ext-all.js is the core library of ExtJS. Adapter represents an adapter, which means that it can have multiple adapters, so you can replace adapter/ext/ext-base.js with adapter/jquery/ext-jquery-adapter.js, or adapter/ Prototype/ext-prototype-adapter.js and so on.
As a result, the pages that use the ExtJS framework generally include the following sentences:
After the ExtJS library files and page contents are loaded, ExtJS executes the functions specified in Ext.onready, so it can be used, in general, every user's ExtJS application starts from Ext.onready, and the code that uses the ExtJS application is roughly as follows:
FN can also be written in the form of an anonymous function, so the above code can be changed to the following form:
How, read the above content, is not eager to try? Don't worry, let's write a simple ExtJS application, and enter the following code in the hello.html file:
Look at the page effect:
Further, we can display a window on the page with the following code:
When browsing hello.html, you have to display a window on the screen, as shown in the picture:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
