ExtJS Learning Notes

Inadvertently contact with the ExtJS, also went to Baidu check what is ExtJS, followed by its cool appearance, even though many people are talking about it hundreds of K fat client brings performance problems, still won't affect my learning its mood.

I am not qualified to talk about the prospect of ExtJS, and I do not want to talk about it, this question is too far from me.

ExtJS is a JS library, which encapsulates a number of commonly used UI components, the current version is 2.0.

About Learning ExtJS

Official website: http://www.extjs.com/

This is certainly the best place to learn ExtJS, with Demos and documentation on ExtJS. Moreover, its forum's reputation is also good, recommend English fierce person can go to a stroll.

Like me this kind of English compares the poor person, the study is more laborious.

Recommend a Chinese forum: http://jstang.5d6d.com

After two days of browsing, I felt that some of the information in it was good and that there were some cattle like Frank.

Go to the official website to download a ext2.0 bag, this bag inside is to learn all content.

The docs and examples two folders in the package are ExtJS documents and demos, and the same is seen on the site.

Examples is generally the entrance of the learner, studying several examples.

The main applications of several documents:

Ext-all.js,adapter\ext\ext-base.js and resources under the whole, this is a recommendation of others, there is no standard, I feel that the first exclusion of some documents, can improve the efficiency of learning.

About learning the EXTJS environment

MyEclipse + Spket plugin + Firefox + firebug

For Firefox + Firebug mentioned a few days ago, the Spket plug-in today is the first time, Spket can also be used as a stand-alone IDE platform. Its function is not clear, use it because the downloaded Ext package JS files are dense and unformatted code. The CTRL + SHIFT + F in spket gives me a sense of familiarity so that you can see the structure of JS clearly in Eclipse.

Learning content

It was because of the realization of a panel, let me contact the ExtJS, this is not extjs the most attractive place, but it is the direction and entrance of my study.

Read most of the study notes, the first thing to contact is Ext.onready (function () {

Alert (' Hello world! ');

});

This is done after the DOM is loaded, which is what we usually say when the page is loaded, and of course it should be part of the page load.

The function in the Onready method can be considered an anonymous class object.

There are also some common syntax:

var myDiv = Ext.get('myDiv');
// 返回id为myDiv的Element对象
var ps = Ext.select('p');　
// 返回id为p的Element对象数组,可以使用ps.each()进行遍历。
Ext.get('myButton').on('click', yourClickFunction);
// 给myButton元素添加事件，yourClickFunction 是一个function对象.
// more