extjs4學習筆記

一、環境搭建

建立HTML檔案並在頁面中引入ExtJS的樣式及ExtJS庫檔案：
1、樣式檔案為resources/css/ext-all.css
2、庫檔案主要包含兩個：adapter/ext/ext-base.js及ext-all.js
3、其中ext-base.js是架構基礎庫，ext-all.js是extjs的核心庫。

 

測試環境是否搭建成功，一個hello world：

<script type="text/javascript">Ext.onReady(function(){Ext.Msg.alert('Alert','Hello word!');});</script>

 二、MyEclipse10下搭建環境

 

1、為了更舒服的寫js代碼，再MyEclipse裡添加spket1.6.23外掛程式，下載的zip檔案解壓後放到MyEclipse/dropins的目錄下即可，開啟MyEclipse後可以看到在window->preferences選項下多出spket菜單。設定菜單以便有代碼提示，建立extjs項，add library選擇ext類型，然後add file選擇extjs\build下的sdk.jsb3（這個檔案內建的據說是亂的，不太好，百度一下下一個覆蓋即可）

設定好後建立js源檔案用圖中spket javascript editor開啟才有提示哦。

2、安裝tomcat6.0。安裝後在MyEclipse的首頁面會有tomcat的表徵圖按鈕。在window->preferences下的tomcat頁面進行jdk版本和tomcat目錄設定。

3、建立web項目，匯入extjs的resources、example檔案夾和ext-all.js,ext-lang-zh_CN.js,ext-all-debug.js。

4、在index.jsp中寫hello world代碼測試環境

點擊工具列的部署按鈕建立部署，選擇tomcat伺服器

ok後啟動伺服器即可。