第一步:到官方網站上下載相關的資源文件包
下載地址:http://www.extjs.com/products/extjs/download.php
第二步:將下載的包解壓到指定的目錄
其包中的結構如下:
第三步:引入項目需要的相關文件
注:一定要按上面的順序引入
第四步:來一個最經典的Hello World練習!
效果如下:
代碼如下:
注:如果你下載的是含有原文件,API,例子的EXT JS則最後發佈時,可以發佈引用的文件和相關文件就可。
最小集合是這樣:ext-all.js,adapter/ext/ext-base.js和整個resources目錄。
-
ext-all.js,adapter/ext/ext-base.js就包含了ext的所有功能,所有的js腳本都在這裏了。
-
resources目錄下是css樣式表和圖片。
自己的項目裏只需要包含這些東西,就可以使用ext了。使用時,在頁面中導入:
<link rel="stylesheet" type="text/css" href="${放置ext的目錄}/resources/css/ext-all.css" />
<script type="text/javascript" src="${放置ext的目錄}/ext-base.js"></script>
<script type="text/javascript" src="${放置ext的目錄}/ext-all.js"></script>
請注意js腳本的導入順序,其他的就可以自由發揮了。