精通JS腳本之ExtJS框架

第1章 JavaScript入門必備
1.1 JavaScript語言概述
1.1.1 JavaScript簡介
1.1.2 JavaScript特點(diǎn)
1.1.3 JavaScript與Java
1.2 第一個(gè)JavaScript程序
1.2.1 嵌入JavaScript
1.2.2 鏈接外部JavaScript文件
1.2.3 注意事項(xiàng)
1.3 基礎(chǔ)語法
1.3.1 數(shù)據(jù)類型
1.3.2 變量與常量
1.3.3 運(yùn)算符
1.4 流程控制語句
1.4.1 if條件語句
1.4.2 switch條件語句
1.4.3 while循環(huán)語句
1.4.4 do while循環(huán)語句
1.4.5 for循環(huán)語句
1.4.6 for in循環(huán)語句
1.4.7 try catch finally語句
1.4.8 其他語句
第2章 JavaScript瀏覽器對(duì)象模型與事件處理
2.1 瀏覽器對(duì)象模型
2.1.1 文檔對(duì)象
2.1.2 表單及其元素對(duì)象
2.1.3 瀏覽器信息對(duì)象
2.1.4 窗口對(duì)象
2.1.5 網(wǎng)址對(duì)象
2.1.6 歷史記錄對(duì)象
2.2 基本事件處理
2.3 2級(jí)DOM事件模型
2.3.1 事件傳播
2.3.2 注冊(cè)事件處理程序
2.3.3 event對(duì)象
2.4 常用事件
2.4.1 鍵盤事件
2.4.2 鼠標(biāo)事件
2.4.3 頁面事件
第3章 開始使用ExtJS
3.1 ExtJS概述
3.1.1 ExtJS簡介
3.1.2 ExtJS中的基本概念
3.1.3 ExtJS與常見JavaScript庫的介紹與對(duì)比
3.2 創(chuàng)建第一個(gè)程序
3.2.1 下載ExtJS
3.2.2 部署到開發(fā)工具中
3.2.3 編寫HelloWorld.html
3.2.4 運(yùn)行調(diào)試ExtJS
3.3 輔助開發(fā)
3.3.1 調(diào)試工具Firebug
3.3.2 開發(fā)利器Spket
第4章 ExtJS事件機(jī)制
4.1 設(shè)計(jì)模式——觀察者模式
4.2 自定義事件
4.3 瀏覽器事件
4.4 ExtJS中的事件
4.4.1 Function.call()/apply()方法
4.4.2 函數(shù)的作用域
4.4.3 Ext.lib.Event事件
4.4.4 Ext.util.Observable事件
4.4.5 Ext.EventManager事件
4.4.6 Ext.EventObject事件
4.5 各種事件登記方式
4.5.1 傳統(tǒng)式登記
4.5.2 內(nèi)聯(lián)式登記
4.5.3 Dom Level2登記
4.6 高級(jí)組件事件
4.7 ExtJS鍵盤事件
第5章 ExtJS組件
5.1 核心組件
5.1.1 ExtJS組件結(jié)構(gòu)
5.1.2 Ext.Component
5.1.3 Ext.BoxComponent
5.1.4 Ext.Container
5.1.5 Ext.Panel
5.1.6 Ext.TabPanel
5.2 信息提示框組件
5.2.1 Ext.MessageBox簡介
5.2.2 Ext.MessageBox.alert()
5.2.3 Ext.MessageBox.confirm()
5.2.4 Ext.MessageBox.prompt()
5.2.5 Ext.MessageBox.wait()
5.2.6 Ext.MessageBox.show()
5.2.7 Ext.MessageBox的其他功能
5.3 進(jìn)度條組件
5.3.1 Ext.ProgressBar簡介
5.3.2 手工模式的進(jìn)度條
5.3.3 自動(dòng)模式的進(jìn)度條
5.3.4 自定義樣式的進(jìn)度條
5.4 工具欄和菜單欄
5.4.1 Ext.Toolbar簡介
5.4.2 只包含按鈕的簡單工具欄
5.4.3 包含多種元素的復(fù)雜工具欄
5.4.4 Ext.menu.Menu簡介
5.4.5 最簡單的菜單欄
5.4.6 創(chuàng)建三級(jí)或多級(jí)菜單
5.4.7 具有選擇框的菜單
第6章 頁面元素與模板
6.1 構(gòu)成用戶界面的元素
6.2 獲取頁面元素
6.3 元素常見的使用方法
6.3.1 常見的“顯示/隱藏”方法
6.3.2 常見的“內(nèi)容控制”方法
6.3.3 常見的“操控DOM”方法
6.3.4 常見的“尺寸大小/定位”方法
6.3.5 常見的“特效動(dòng)畫”方法
6.3.6 DomHelper簡介
6.4 DomQuery入門
6.4.1 元素選擇符Selector
6.4.2 屬性選擇符Attributes Selectors
6.4.3 CSS值元素選擇符
6.4.4 Ext.query與Ext.select
6.5 應(yīng)用模板
6.5.1 Ext.Template
6.5.2 Ext.XTemplate
第7章 設(shè)計(jì)表單類布局
7.1 Form表單簡介
7.1.1 Form表單的基本配置
7.1.2 ExtJS對(duì)Form表單的封裝
7.2 ExtJS的表單組件
7.2.1 文本輸入控件Ext.form.TextField
7.2.2 多行文本輸入控件Ext.form.TextArea
7.2.3 單選框
7.2.4 復(fù)選框
7.2.5 下拉列表框
7.2.6 日期輸入控件Ext.form.DateField
7.2.7 在線編輯器Ext.form.HtmlEditor
7.3 ExtJS表單組件的綜合應(yīng)用
第8章 設(shè)計(jì)表格類布局
8.1 表格簡介
8.1.1 表格的基本屬性
8.1.2 制作第一個(gè)表格
8.2 表格常用功能詳解
8.2.1 主要屬性功能
8.2.2 自定義列寬度
8.2.3 執(zhí)行按列排序
8.2.4 解決中文排序
8.2.5 格式化顯示日期類型數(shù)據(jù)
8.3 美化表格
8.4 設(shè)置表格背景顏色
8.5 顯示行號(hào)和復(fù)選框
8.5.1 顯示行號(hào)
8.5.2 引用復(fù)選框
第9章 表格的高級(jí)功能
9.1 表格視圖——Ext.grid.GridView
9.2 表格分頁
9.2.1 添加表格分頁顯示工具條
9.2.2 從后臺(tái)腳本獲得分頁數(shù)據(jù)
9.2.3 在表格頂部顯示分頁工具條
9.2.4 實(shí)現(xiàn)前臺(tái)分頁效果
9.3 可編輯表格控件——EditorGrid
9.3.1 制作第一個(gè)EditorGrid
9.3.2 添加一行數(shù)據(jù)
9.3.3 保存修改結(jié)果
9.3.4 驗(yàn)證EditGrid中的數(shù)據(jù)
9.3.5 限制輸入數(shù)據(jù)的類型
9.4 PropertyGrid屬性表格控件
9.4.1 PropertyGrid簡介
9.4.2 只讀的PropertyGrid
9.4.3 對(duì)name列強(qiáng)制排序并獲得value
9.4.4 自定義編輯器
9.5 分組表格控件——Group
9.5.1 分組表格簡介
9.5.2 Ext.grid.GroupingView的配置操作
9.6 可拖放的表格
9.6.1 拖放改變表格的大小
9.6.2 在同一個(gè)表格里拖放
9.6.3 表格之間的拖放
9.6.4 表格與樹之間的拖放
第10章 設(shè)計(jì)樹狀結(jié)構(gòu)布局
10.1 TreePanel的基本使用
10.1.1 創(chuàng)建一棵樹
10.1.2 為樹生枝展葉
10.1.3 樹形的配置
10.1.4 使用TreeLoader獲得數(shù)據(jù)
10.1.5 讀取本地JSON數(shù)據(jù)
10.2 樹的事件
10.3 右鍵菜單
10.4 修改節(jié)點(diǎn)的默認(rèn)圖標(biāo)
10.5 從節(jié)點(diǎn)彈出對(duì)話框
10.6 節(jié)點(diǎn)提示信息
10.7 為節(jié)點(diǎn)設(shè)置超鏈接
10.8 樹形的拖放
10.8.1 節(jié)點(diǎn)拖放的3種形式
10.8.2 葉子不能append
10.8.3 判斷拖放的目標(biāo)
10.8.4 樹之間的拖放
10.9 樹形過濾器TreeFilter
10.10 利用TreeSorter對(duì)樹進(jìn)行排序
10.11 樹形節(jié)點(diǎn)視圖——Ext.tree.TreeNodeUI
10.12 表格與樹形的結(jié)合——Ext.ux.tree.ColumnTree
第11章 其他布局類簡介
11.1 標(biāo)準(zhǔn)布局類
11.1.1 折疊布局——AccordionLayout
11.1.2 邊框布局——BorderLayout
11.1.3 卡片式布局——CardLayout
11.1.4 列布局——ColoumnLayout
11.1.5 錨點(diǎn)布局——AnchorLayout
11.1.6 自適應(yīng)布局——FitLayout
11.1.7 ContainerLayout
11.2 與布局有關(guān)的其他知識(shí)
11.2.1 父類Ext.Container公共配置與xtype的概念
11.2.2 使用Viewport
11.2.3 實(shí)現(xiàn)表單元素橫排
第12章 ExtJS對(duì)Ajax的支持
12.1 Ext.Ajax介紹
12.1.1 Ext.Ajax.request方法詳解
12.1.2 Ext.Ajax.request操作示例
12.1.3 Ext.Ajax.request提交XML數(shù)據(jù)
12.2 Ext.Updater基礎(chǔ)
12.2.1 Ext.Updater.update方法
12.2.2 Ext.Updater.update操作示例
12.3 利用Ajax優(yōu)化Web應(yīng)用框架
12.3.1 多級(jí)聯(lián)動(dòng)菜單
12.3.2 Ajax修改用戶密碼
12.3.3 自動(dòng)保存的網(wǎng)絡(luò)記事本
12.3.4 網(wǎng)頁計(jì)算器
第13章 設(shè)計(jì)數(shù)據(jù)驅(qū)動(dòng)模式
13.1 XML/JSON數(shù)據(jù)格式比較
13.2 容器類MixedCollection
13.3 數(shù)據(jù)存儲(chǔ)基本單元Record與dataField
13.3.1 dataField
13.3.2 Record
13.4 數(shù)據(jù)存儲(chǔ)store
13.4.1 數(shù)據(jù)載入
13.4.2 對(duì)數(shù)據(jù)進(jìn)行排序
13.4.3 從store 中獲取數(shù)據(jù)
13.4.4 更新store 中的數(shù)據(jù)
13.4.5 加載及顯示數(shù)據(jù)
13.5 數(shù)據(jù)代理
13.5.1 Ext.data.DataProxy
13.5.2 Ext.data.MemoryProxy
13.5.3 Ext.data.HttpProxy
13.5.4 Ext.data.ScriptTagProxy
13.6 數(shù)據(jù)讀取器
13.6.1 Ext.data.DataReader
13.6.2 Ext.data.ArrayReader
13.6.3 Ext.data.JsonReader
13.6.4 Ext.data.XmlReader
13.7 Ext.ux.DWR
13.7.1 Ext.data.DwrProxy
13.7.2 Ext.data.DWRTreeLoader
13.7.4 Web服務(wù)端配置
13.7.5 服務(wù)層接口
第14章 ExtJS擴(kuò)展
14.1 利用Ext.extend實(shí)現(xiàn)繼承
14.2 與ExtJS擴(kuò)展相關(guān)的預(yù)備知識(shí)
14.2.1 定義命名空間
14.2.2 使用xtype
14.3 用戶擴(kuò)展和插件
14.3.1 編寫自定義用戶擴(kuò)展
14.3.2 常用插件UploadDialog
14.3.3 常用插件ManagedIFrame
14.4 使用ExtJS制作Flash統(tǒng)計(jì)報(bào)表
14.4.1 柱狀圖
14.4.2 折線圖
14.4.3 餅狀圖
14.4.4 柱狀棧圖
第15章 調(diào)試JavaScript與HTML
15.1 Firebug的基本使用
15.1.1 開啟或關(guān)閉Firebug
15.1.2 控制臺(tái)
15.2 Firebug的應(yīng)用
15.2.1 源代碼調(diào)試
15.2.2 CSS調(diào)試
15.2.3 腳本調(diào)試
15.3 跟蹤網(wǎng)絡(luò)傳輸狀態(tài)
15.4 在腳本文件中加入調(diào)試命令
15.5 在IE中使用Firebug
15.5.1 前端調(diào)試?yán)鱀ebugBar
15.5.2 IE下的優(yōu)秀JavaScript調(diào)試工具Companion.JS
15.5.3 DebugBar和Companion.JS的基本操作
15.6 調(diào)試技巧
15.6.1 在Firebug中直接調(diào)試腳本
15.6.2 調(diào)試代碼運(yùn)行速度
15.6.3 查看對(duì)象屬性
第16章 ExtJS案例：商品信息管理系統(tǒng)
16.1 商品信息管理系統(tǒng)功能介紹
16.2 數(shù)據(jù)庫設(shè)計(jì)和實(shí)現(xiàn)
16.2.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)
16.2.2 數(shù)據(jù)庫表設(shè)計(jì)
16.3 為項(xiàng)目做好準(zhǔn)備
16.4 登錄界面
16.5 欄目加載
16.6 為項(xiàng)目換膚
16.7 商品信息管理
16.7.1 商品信息的查詢
16.7.2 商品信息的添加
16.7.3 商品信息的刪除
16.7.4 商品信息的更新
第17章 ExtJS案例：企業(yè)任務(wù)管理系統(tǒng)
17.1 系統(tǒng)概述
17.2 需求分析
17.3 數(shù)據(jù)庫設(shè)計(jì)
17.4 員工任務(wù)管理
17.4.1 個(gè)人任務(wù)處理
17.4.2 個(gè)人資料編輯
17.5 主管任務(wù)管理
17.5.1 部門計(jì)劃處理
17.5.2 部門人員管理
17.6 系統(tǒng)管理員權(quán)限分配