說明:以下默認(rèn)Extjs類庫存放在JS/Extjs3.1.1文件夾中
一、 Exjts類庫
1. Extjs需要引用的JS文件 (Extjs基本類庫)
<script src="/JS/Extjs3.1.1/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="/JS/Extjs3.1.1/ext-all.js" type="text/javascript"></script>
2. Extjs需要引用的CSS文件
(Extjs基本樣式)
<link href="../JS/Extjs3.1.1/resources/css/ext-all.css" rel="stylesheet"
type="text/css"
/>
由于換膚的存在,現(xiàn)改為默認(rèn)引用:
<link href="/JS/Extjs3.1.1/resources/css/skin-blue.css" rel="stylesheet"
type="text/css"
id="GS_Skin"/>
其中:里面整合了ux/PanelResizer.js 的以下樣式,故在添加ux/PanelResizer.js后無需再添加PanelResizer.css
<link href="../JS/Extjs3.1.1/ux/css/PanelResizer.css" rel="stylesheet"
type="text/css"
/>
同時:id="GS_Skin" 也是為了換膚Cookie緩存所用
3. 必須引用的通用類庫
<script src="/JS/GSCommon/GSCommon.js" type="text/javascript"></script>
4. 英譯中 涉及到MessageBox
、分頁、LoadMask、驗證都需要加該引用
<script src="/JS/Extjs3.1.1/src/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
5. 基本操作前的圖標(biāo)( 如:新增、編輯、刪除、刷新等)須添加該樣式
<link href="/Images/iconCls.css" rel="stylesheet"
type="text/css"
/>
6. 涉及到欲將HTML渲染成Exjs的樣式,需引用此樣式
<link rel="stylesheet" rev="stylesheet"
href="/css/form.css" type="text/css" />
<script src="/JS/Extjs3.1.1/ux/ProgressBarPager.js" type="text/javascript"></script>
<script src="/JS/Extjs3.1.1/ux/PanelResizer.js" type="text/javascript"></script>
<link href="../JS/Extjs3.1.1/ux/css/PanelResizer.css" rel="stylesheet"
type="text/css"
/>
其中:PanelResizer.css 已經(jīng)整合到skin-blue.css,故無需引用
9. 動態(tài)調(diào)整分頁大小需添加該引用
<script src="../JS/Extjs3.1.1/ux/PageComboResizer.js" type="text/javascript"></script>
10. 下拉列表帶樹結(jié)構(gòu)選項的需添加該引用
<script src="../JS/Extjs3.1.1/ux/CheckTreeCombo.js" type="text/javascript"></script>
11. 使用Extjs內(nèi)置的文件上傳
<script src="../JS/Extjs3.1.1/ux/fileuploadfield/FileUploadField.js"
type="text/javascript"></script>
<link href="../JS/Extjs3.1.1/ux/fileuploadfield/css/fileuploadfield.css"
rel="stylesheet" type="text/css" />
12. Extjs.Grid使用帶CheckBox列 需添加該引用
<script src="/JS/Extjs3.1.1/ux/CheckColumn.js" type="text/javascript"></script>
13. 使用Exjs
客戶端分頁(非后臺服務(wù)器端分頁),需添加該引用
<script src="/JS/Extjs3.1.1/ux/PagingMemoryProxy.js" type="text/javascript"></script>
14. Extjs.Tree
前帶CheckBox
需要添加改引用
<script src="../JS/Extjs3.1.1/ux/TreeCheckNodeUI.js" type="text/javascript"></script>
15. 下拉導(dǎo)航菜單需要用到的js zc擴(kuò)展
<script type="text/javascript" language="javascript"
src="/js/jsCommon.js"></script>
16. 只有框架Top 才用的CSS,功能程序無需添加該引用
<link rel="stylesheet" rev="stylesheet"
href="/css/base.css" type="text/css" />
<link rel="stylesheet" rev="stylesheet"
href="css/main.css" type="text/css" />
<link rel="stylesheet" rev="stylesheet"
href="css/skin_blue.css" type="text/css" />
二、 JQuery類庫
17. Jquery需要引用的類庫(以下為精簡版js)
<script src="../JS/jquery-1.3.2.min.js" type="text/javascript"></script>
18. Jquery需要引用的類庫(完成版,包含Jquery方法只能提示)
<script src="../JS/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
19. 基于Jquery寫的智能搜索(zjw已經(jīng)做了部分?jǐn)U展)
<script src="../JS/jquery.autocomplete.js" type="text/javascript"></script>