EXT JS點滴(1)引入有用的EXT JS內容文件

第一步:到官方網站上下載相關的資源文件包

 

下載地址:http://www.extjs.com/products/extjs/download.php

 

EXTjs下載

 

第二步:將下載的包解壓到指定的目錄

 

其包中的結構如下:

 

EXTjs包結構

 

第三步:引入項目需要的相關文件

 

 

注:一定要按上面的順序引入

 

第四步:來一個最經典的Hello World練習!

 

效果如下:

 

EXT JS HELLO WORLD

 

代碼如下:

 

 

 

 

 注:如果你下載的是含有原文件,API,例子的EXT JS則最後發佈時,可以發佈引用的文件和相關文件就可。

 

最小集合是這樣:ext-all.js,adapter/ext/ext-base.js和整個resources目錄。

  1. ext-all.js,adapter/ext/ext-base.js就包含了ext的所有功能,所有的js腳本都在這裏了。

  2. 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腳本的導入順序,其他的就可以自由發揮了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章