一、文件結構
文件/文件夾名 作用
builds 壓縮后的ExtJS代碼,體積更小,更快
docs 開發文檔
examples 官方演示示例
locale 多國語言資源文件
packages ExtJS各部分功能的打包文件
resource ExtJS所需要的CSS與圖片文件
src 未壓縮的源代碼目錄
bootstarp.js ExtJS庫引導文件,可通過參數自動切換ext-all.js與ext-all-debug.js
ext-all.js ExtJS核心庫,需要引用
ext-all-debug.js ExtJS核心庫的調試版,調試時使用
注:EXTJS文件的區別:
ext-all.js:包含所有的EXTJS框架文件,已經混淆
ext-all-debug.js:包含所有的EXTJS框架文件,沒有混淆
ext-all-dev.js:包含所有的EXTJS框架文件,沒有混淆,且包含調試信息
ext.js:僅包含能讓EXTJS運行的最小集合,已經混淆
ext-debug.js:僅包含能讓EXTJS運行的最小集合,沒有混淆
ext-dev.js:僅包含能讓EXTJS運行的最小集合,沒有混淆,且包含調試信息
在4.0的時候有bootstrap.js,4.2就沒有了。但是sample中的include-ext.js應該是同樣的功能
bootstrap.js:自動加載ext-all.js或者ext-all-debug.js,在以下情況下會加載ext-all-debug.js
1.當前主機名是本地
2.當前主機是使用IPV4地址
3.Current protocol is a file(當前的協議是一個文件)
4.其他情況下自動加載ext-all.js
我們在進行Ext開發的時候只需將ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夾里的ext-lang-zh_CN.js以及resource整個文件夾拷入項目的ExtJs4(名字隨便起)文件夾里。
二、頁面引用
1.引入Ext的ExtJs4/resources/css/ext-all.css 。
2.引入ExtJS的核心庫ExtJs4/ext-all.js或者ExtJs4/ext-all-debug.js 。
3.引入自己寫的實現本頁面功能的JS。