ExtJS可以用來開發RIA也即富客戶端的AJAX應用,是一個用javascript寫的,主要用于創建前端用戶界面,是一個與后臺技術無關的前端ajax框架。
這是一個學習ExtJS最好的指導書了。
循序漸進,從簡到難。
ExtJS中的數據交互基本上就是以Ajax的方式進行傳遞和實現的,也就是可以不用刷新頁面,就可以訪問服務器的程序進行數據讀取或數據保存等操作。
spket工具安裝詳解
集成:ExtJS,MyEcplise和Spket。
前提:安裝好的myecplise(我用的是MyEcplise10)
步驟:
先安裝Spket
1 下載Spket的jar文件,spket-1.6.18.jar
2 將jar文件解壓到MyEcplise的dropins文件夾下
3 重啟MyEcplise,
4:
如下圖:Preference中有Spket,說明spket插件導入成功
點擊new
點OK
選中ExtJS后點擊ADD Libriary
選擇ExtJS
再現在下面的ExtJS 選擇Add File
選中下載的ext4.0中src文件甲下的jsb文件,下載的ext4.0文件是沒有jsb這個文件的,需要單獨從網上下載jsb文件,
必須放到src文件夾下,否則代碼則無法提示
選擇ALL
再選擇上面的ExtJS,右邊的選擇框中設置為default(必須這么設置),
接下來要講spket設置為js的默認編譯器,步驟如下圖:
以上設置完后,將下載的ExtJS文件拷貝到項目中
在頁面中引入后就可以了,引入地址需要注意,地址中“..”表示向上提一級目錄,直到html文件與ext文件屬于同一級
主要目錄文件介紹
builds:壓縮后的ExtJS代碼,體積更小,更快;
docs:開發文檔;
examples:官方演示示例;
locale:多國語言資源文件;
pkgs:ExtJS各部分功能的打包文件;
resource:ExtJS所需要的CSS與圖片文件;
src:未壓縮的源代碼目錄;
bootstarp.js:ExtJS庫引導文件,可自動切換ext-all.js與ext-all-debug.js;
ext-all.js:ExtJS核心庫;
ext-all-debug.js:ExtJS核心庫的調試版,調試時使用。
ext-all-debug-w-comments.js:帶注釋的ExtJS核心庫調試版。
在頁面中用到ExtJS至少引入以下文件:
1 resources\css\ext-all.css
2 ext-all.js(如果要對ExtJS代碼進行調試或學習可引入ext-all-debug.js或ext-all-debug-w-comments.js)
到這里,整個環境就搭建完成了,不過spket只能提示一部分代碼,有部分代碼是無法提示的,
所以并不好用,還是看api更全面。
- PC官方版
- 安卓官方手機版
- IOS官方手機版