extjs的学习

ExtJs接触了才一个月左右时间，对最近的学习遇到的困难，总结的学习方法，以便更好的再走下去。

学习利器：

1.extjs的官方API文档

2.extjs的官方源码示例

3.eclipse插件spket

4.火狐浏览器插件firebug

spket插件配置：

1.http://www.spket.com/download.html到这里下载spket插件。

2.将features 和plugins分别拷到eclipse对应的文件夹下。

3.重启eclipse

依次：windows->preferences->Spket->JavaScript Profiles

new

Add Library

Add File（这里是添加extjs源码中的jsb文件）

 如下：

最后记得设置为default

将js默认的编辑器设为spket windows->Preferences->General->Editors->File Association 然后找到js ，如下图设置为default即可。

最后就可以用spket来提示报错，还是很方便的。

火狐浏览器配置：

找firebug插件，安装即可。

这些配好之后首先要弄明白Config Options ，Properties，Methods和Events

借用stackoverflow的一个回答

config Options - are passed in the constructor, which defines behavior of the class, configs should not be changed at run-time because it will not have any effect, suppose you need to specify a title for the panel then you can add a config {title : 'some title'} that will be used by panel to set title of the panel at render time, but after that even if you try to change title you can't that by just changing that config option.

Properties - are used to store information which is useful for that class, this is normally not passed through constructor but should have getter and setter methods, you can change property at run-time (if setter method is defined) and class object should detect this change, there can be read only properties also which are modified by class object only we shouldn't change it all.

如果用java来类比的话，配置选项相当于传入构造函数中的参数，属性相当于这个类的属性（感觉好别扭。）

events和methods，事件都有一个监听器，当监听到事件时候，触发方法（函数）。

最后新建一个动态网页工程，将extjs的源码导入到eclipse，对照着extjs的examples和extjs的api文档，利用好ctrl键，逐个例子地看。相信你会越看越有感觉的