公司网站开发前台用的是 ExtJs2 ，没办法，只能开始重新学习了，准备把每天学到的 ExtJs 写下来，当做日志吧。 其实我不想学 ExtJs 的，因为我大学的时候看过一本书，说 JS 将死，学了也没用。再说 HTML5 就要出山了，王者降临，无人可挡。只是没办法，谁叫我上班啊，还是老老实实的学吧。
去官网下载了 ExtJs2 的包，打开官网，出现一行字： Ext Js 4 Preview 。 Fuck ， 4 代都要出来了，我才开始学 2 代，真纠结。找到老版本的 Ext ，下了一个 2.3 版本的。地址为： http://dev.sencha.com/deploy/ext-2.3.0.zip
解压之后，看了下 ExtJs 包里面的内容，大概了解了下
docs ：帮助文档
examples ：案例
source ： ExtJs 源码
resources ：各种 CSS ，图片资源
其他的就不管了，先来个 Hello ExtJs2 吧 。 不过先搞项目之前，建议下个插件 spket ，就是像 java 一样自动提示的。想想 ExtJs 这么多组件我就头疼，没有提示功能怎么行啊。安装 spket 我就不多说了，自己网上找的。
<link rel="stylesheet" type="text/css" href="extJs2.3/resources/css/ext-all.css" />
<script type="text/javascript" src="extJs2.3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extJs2.3/ext-all-debug.js"></script>
jsp 界面中需引入这三个文件，第一个为 ExtJs 的 CSS ，后两个为 ExtJs 的基本文件，相当于 java 的 jre 吧。第三个我导入的是 ext-all-debug.js ， 查看下载下来的包的话，你可以发现还有一个名字和它差不多的文件 ext-all.js ，一个为开发版，一个是产品版本。功能上是一样的。其实，你只要打开着两个文件就可以发现其中的奥秘了。
新建了JS文件，里面代码为：
Ext.onReady(function() {
Ext.MessageBox.alert("hello", "Hello,ExtJs2.I don't like you");
});
搞笑的是，要使你把刚才你引入的CSS文件ext-all.css删除。再调试下，你会发现弹出的对话框变成了这样
好了，ExtJs首战告捷。
中间有个小插曲
自动生成的JSP页面中有一语句
<base href="<%=basePath%>">
我没注意到，开始引入的文件前面都加了../../，这导致一直没有弹出对话框。太大意了。
