ExtJs4.1目錄結構介紹和使用說明

1、在作ExtJs開發以前首先要到網站上下載ExtJs的開發包，我用的最新版本是4.1.1。此版本相對於以前的版本目錄結構發生了一些變化，沒有了adapter目錄，

目錄結構以下

文件/文件夾名的做用：

    build：文件夾下有一個sdk.jsb3文件，這個文件用於eclipse中spket插件，能夠實現ExtJs的代碼提示功能；

    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核心庫的調試版,調試時使用。

注：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運行的最小集合，沒有混淆，且包含調試信息
    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（名字隨便起）文件夾裏。

2、查看本地API

    ExtJs的幫助文檔已經跟隨代碼被下載到電腦上了，在extjs-4.1.1/docs/文件夾中，全部的幫助文檔所有在這裏了，可是當我直接點擊該文件夾下的index.html進行查看時，卻發現一直顯示在加載中，以下圖所示

    網上搜了下資料後，嘗試了一下兩種方法解決問題：

    一、將文件夾放在Tomcat服務器下，能夠將下載下來的整個ExtJs文件拷貝到..\Apache Software Foundation\Tomcat 6.0\webapps文件夾下，而後啓動Tomcat服務器，在瀏覽器中輸入http://localhost:8080/extjs-4.1.1/docs/便可進入Ext JS4.1幫助文檔的首頁。網上說這是因爲打開幫助文檔用到了Ajax，因此須要部署到服務器上。

    2.查看doc文件夾下的index.html文件，發現沒有加載ext-all.js，卻加載的是ext.js。而ext.js僅包含能讓EXTJS運行的最小集合，ext-all.js：包含全部的EXTJS框架文件，因而猜測是這個問題致使。因而試着將<script type="text/javascript" src="../ext.js"></script>改爲<script type="text/javascript" src="../ext-all.js"></script>，而後雙擊inde.html後能夠正常加載API文檔了。

    以上兩種方法均解決了問題，可是我不明白的是爲何將其部署到服務器上而不將原來加載的ext.js文件改成ext-all.js可行，而單獨將加載文件改一下也可行，不知道其根本緣由是什麼。我猜測是因爲部署到服務器上以後能夠用到全部相關的文件；而經過雙擊index.html的方式打開幫助文檔因爲只加載了ext.js而不能正常顯示，當改成ext-all.js後，則可正常顯示。

3、頁面引用 1.引入Ext的extjs-4.1.1/resources/css/ext-all.css 2.引入ExtJS的核心庫extjs-4.1.1/ext-all.js或者extjs-4.1.1/ext-all-debug.js 3.引入本身寫的實現本頁面功能的JS.