原文出處    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（海王星的樣式）

點選(此處)摺疊或開啟

1. function init() {
   
2.          Ext.MessageBox.alert("ExtJS", "Hello ExtJS");
   
3.       }
   
4.     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")即可;