Ext4.2.1学习历程之一：环境搭建及Hello ExtJS4.2

原文出处    http://blog.itpub.net/28562677/viewspace-1066765/

1、从官网下载ExtJS4.2资源包，解压开有源代码、API文档、演示程序；
2、官网地址：http://www.sencha.com/products/extjs
3、在Eclipse中新建项目，我这是建的maven项目

4、将下载的extjs需要的资源文件复制到项目中，我放的是在webapp下的resources/js/ext4.2中，那么的资源文件不需要全导入，只需要导入我们用的如下：

5、在webapp下新建index.jsp,并将js脚本bootstrap.js和需要用到的css样式ext-all-neptune.css（海王星的样式）引入,需要的话再把汉化文件ext-lang-zh_CN.js引入；
    
    
   
6、这时候就可以使用Ext开始编写我们的代码了，格式：，将下面代码替换“格式代码”部分，运行程序试试，这时候界面是不是出来提示框Hello ExtJS了呢！

点击(此处)折叠或打开

 function init() {
          Ext.MessageBox.alert("ExtJS", "Hello ExtJS");
       }
     Ext.onReady(init)

需要注意的是：
1、Ext.MessageBox.alert必须在onReady加载完成后才能执行，应该是ext的内部执行机制吧！单独执行是不可以的，否则会报dom为空或不是对象。
2、不管怎么样如果你感觉到导入的extjs资源包影响到你的eclipse，甚至直接卡死，那是因为eclipse在构建的导入的资源文件，因此附上解决办法，那就是关掉eclipse对js的build，方法如下：
进入你的项目文件下找到.project并用文本或者其他编辑器打开，找到


org.eclipse.wst.jsdt.core.javascriptValidator






org.eclipse.wst.jsdt.core.jsNature

并将黄色部分删除即去掉了对js的验证；重启eclipse试一下吧

3、如果有使用jetty进行调试的那么你不得不解决一个问题那就是js和html文件被锁住无法在jetty运行的情况下修改js和html,解决办法如下：
因为我是做的jetty内嵌服务器所以比较好配置：找到jetty*.jar中的webdefault.xml并修改useFileMappedBuffer的值为false。修改完成后将修改后的webdefault.xml复制到自己项目中某个位置（src/main/resources/）并在自己写的jetty服务类中加入 context.setDefaultsDescriptor("src/main/resources/webdefault.xml")即可;