Ext JS源碼分析與開發實例寶典(附贈光盤)

第1部分 快速入門
第1章 Web如此美麗，初探Ext JS
1.1 Ext JS是什麼
1.2 為什麼選擇Ext JS
1.3 如何學習Ext JS
1.3.1 獲取源碼並部署
1.3.2 開發工具的智能提示
1.3.3 文檔和實例的學習
1.3.4 學習論壇
1.4 Ext JS體系結構
1.4.1 體系結構
1.4.2 文件結構
1.5 小結
第2章 Ext JS 3.0實例入門
2.1 準備工作，配置環境
2.2 看似簡單的登錄頁面，隱藏好大的學問
2.2.1 頁面布局
2.2.2 表單布局
2.2.3 驗證碼
2.2.4 表單驗證
2.2.5 表單提交
2.3 主框架頁面
2.3.1 主框架頁面布局
2.3.2 左邊導航菜單
2.3.3 右邊工作區域
2.4 子頁面
2.4.1 數據處理
2.4.2 列表
2.5 小結
第2部分 核心技術
第3章 Ext JS核心基礎
3.1 繼承的擴展
3.1.1 對象的繼承
3.1.2 類的繼承
3.1.3 Ext.extend擴展
3.2 函數的擴展
3.2.1 從一個錯誤說起
3.2.2 函數的委托
3.3 數組及集合
3.3.1 JavaScript數組
3.3.2 Ext JS集合操作
3.4 String的轉換
3.4.1 String轉換的基本知識
3.4.2 String和JSON轉換
3.4.3 查詢字符串與對象轉換
3.5 Date的使用
3.5.1 日期格式化
3.5.2 日期的比較及計算
3.6 定時任務
3.6.1 有狀態的定時任務管理
3.6.2 定時任務管理器
3.7 小結
第4章 你必須知道的Ext JS事件機制
4.1 瀏覽器事件機制
4.2 Ext JS元素事件
4.2.1 Event對象
4.2.2 EventManager
4.3 基本事件擴展
4.3.1 DomReady處理
4.3.2 快捷鍵的實現
4.3.3 導航鍵的實現
4.3.4 鼠標按住事件
4.4 Ext JS組件事件
4.4.1 事件對象
4.4.2 組件的事件機制
4.4.3 基于攔截的事件實現
4.4.4 組件及元素事件結合
4.5 擴展TabBox事件
4.5.1 焦點
4.5.2 擴展TabBox導航
4.5.3 自定義TabBox事件
4.6 小結
第5章 模板模型，組件開發的基石
5.1 Ext JS模板概述
5.2 正則表達式基礎
5.2.1 正則表達式引擎
5.2.2 字符匹配
5.2.3 選擇、分組及引用
5.3 正則表達式的使用
5.3.1 exec和match
5.3.2 replace函數
5.4 基本模板
5.4.1 模板的構建
5.4.2 應用動態數據
5.4.3 編譯模板
5.5 擴展模板
5.5.1 實現原理
5.5.2 編譯Xtemplate模板
5.5.3 為Xtemplate應用動態數據
5.6 模板問題及改進
5.6.1 模板的問題
5.6.2 問題的解決
5.7 通信錄的實現
5.7.1 應用DataView
5.7.2 數據分頁和過濾
5.7.3 通信錄中的信息
5.8 小結
第6章 改善用戶體驗，交互數據模型
6.1 Ajax請求
6.1.1 從網絡通信協議開始
6.1.2 手動實現Ajax
6.1.3 便利函數讓調用更加方便
6.1.4 表單請求
6.1.5 跨域請求
6.2 Direct請求
6.2.1 Comet請求
6.2.2 RPC請求
6.3 代理請求
6.3.1 REST風格
6.3.2 代理請求的處理過程
6.3.3 MemoryProxy的擴展
6.4 數據解析的實現
6.4.1 定義表結構
6.4.2 解析表數據
6.4.3 數組解析的擴展
6.5 數據回寫
6.5.1 組裝請求參數
6.5.2 保存之後更新
6.6 數據存儲
6.6.1 構建Store對象
6.6.2 載入數據
6.6.3 保存數據
6.7 DWR數據交互
6.7.1 DWR請求擴展
6.7.2 DWR數據解析
6.7.3 CRUD操作
6.8 小結
第3部分 基于元素的開發
第7章 元素擴展，讓開發更靈活
7.1 Ext. DomHelper類
7.1.1 元素創建
7.1.2 元素插入
7.2 Ext.DomQuery類
7.2.1 實現原理
7.2.2 查詢及過濾實現
7.2.3 編譯解析
7.3 Ext JS元素架構
7.3.1 Ext.Element元素
7.3.2 Ext.CompositeElementLite
7.4 表單實例
7.4.1 實現並載入表單
7.4.2 計算相關費用
7.5 小結
第8章 Ext JS樣式的完美應用
8.1 樣式基本操作
8.1.1 創建元素
8.1.2 元素定位
8.1.3 可視及其他
8.2 JS操作樣式
8.2.1 style的操作
8.2.2 class的操作
8.2.3 動態加入CSS Rules
8.2.4 重構它們
8.3 Dimensions操作
8.3.1 寬高操作
8.3.2 坐標定位操作
8.3.3 重構它們
8.4 相對定位與約束
8.4.1 元素相對定位
8.4.2 scroll定位
8.4.3 Resize元素定位的實現
8.5 ImageCropper的實現
8.5.1 創建容器
8.5.2 創建三層圖片並載入
8.5.3 初始化Resize和拖曳
8.5.4 顯示選擇內容
8.6 小結
第9章 讓Web頁面動起來
9.1 動畫的原理
9.1.1 原理實現
9.1.2 改進的實現
9.2 Ext JS動畫實現
9.2.1 Ext JS動畫管理器
9.2.2 動畫對象
9.3 動畫的進一步深入
9.3.1 動畫類型
9.3.2 動畫算法
9.3.3 Fx特效處理
9.4 擴展Ext JS矢量圖
9.4.1 excanvas基本應用
9.4.2 excanvas高級應用
9.5 交互式動畫報表圖
9.5.1 基本折線圖
9.5.2 動畫的實現
9.5.3 交互式選擇的實現
9.5.4 ToolTip的實現
9.6 小結
第10章 拖曳技術，讓用戶也動起來
10.1 Ext JS拖曳原理剖析
10.1.1 如何選中元素
10.1.2 如何實現鼠標移動位置
10.1.3 如何確定元素目標位置
10.2 Ext JS拖曳架構
10.2.1 拖曳共性處理
10.2.2 拖曳個性處理
10.3 拖曳形式的選擇題應用
10.3.1 選擇題的實現
10.3.2 選項拖曳的實現
10.4 拖曳高級擴展
10.4.1 拖曳元素狀態處理
10.4.2 目標元素狀態處理
10.4.3 把拖曳目標和拖曳元素綜合起來
10.5 拖曳定制流程
10.5.1 基本的流程圖
10.5.2 拖曳的實現
10.5.3 拖曳的完善
10.6 小結
第4部分 深入組件的開發
第11章 Ext JS組件模型的架構解析
11.1 認識Ext JS組件
11.2 生命周期設計
11.2.1 初始化
11.2.2 渲染表現
11.2.3 銷毀組件，釋放系統資源
11.3 可擴展性設計
11.3.1 類繼承的支持
11.3.2 事件的支持
11.3.3 插件的支持
11.3.4 可配置的支持
11.3.5 模板方法的支持
11.4 可管理性設計
11.4.1 全局統一管理
11.4.2 組件類別管理
11.4.3 內部狀態管理
11.5 組件分析法
11.5.1 生命周期分析
11.5.2 配置項分析
11.5.3 方法及屬性分析
11.5.4 事件分析
11.5.5 組件特性
11.6 如何自定義組件
11.6.1 組件的需求
11.6.2 按生命周期來編寫組件
11.6.3 重構
11.6.4 編寫文檔
11.7 小結
第12章 Ext JS面板，信息提示更人性化
12.1 浮動層（Layer）
12.1.1 shim實現
12.1.2 shadow實現
12.1.3 約束定位
12.1.4 浮動層顯示
12.2 容器（Container）布局
12.2.1 生命周期分析
12.2.2 容器特性
12.3 面板（Panel）布局
12.3.1 面板組成
12.3.2 面板樣式
12.3.3 面板的折疊/展開
12.4 窗體（Window）布局
12.4.1 最大最小化
12.4.2 改變大小
12.4.3 窗體顯示問題
12.5 工具提示
12.5.1 Ext.Tip類
12.5.2 Ext.ToolTip類
12.5.3 Ext.QuickTip類
12.6 氣球提示（BalloonTip)
12.6.1 實現BalloonTip組件
12.6.2 進一步完善
12.7 小結
第13章 Ext JS 華麗的容器布局
13.1 認識布局的流程
13.1.1 布局概述
13.1.2 布局的流程
13.2 Border布局
13.2.1 如何渲染
13.2.2 如何計算布局區域
13.2.3 如何實現折疊與展開
13.3 錨定位布局
13.3.1 AnchorLayout布局
13.3.2 AbsoluteLayout布局
13.3.3 FormLayout布局
13.4 自適應布局
13.4.1 FitLayout
13.4.2 AccordionLayout
13.4.3 CardLayout
13.5 表行列布局
13.5.1 ColumnLayout
13.5.2 RowLayout
13.5.3 TableLayout
13.6 Box布局
13.7 如何擴展TableFormLayout
13.8 小結
第14章 Ext JS Form的交互式表單
14.1 FormPanel聚散地
14.1.1 Form關系圖
14.1.2 與BaseForm關聯
14.1.3 與Field關聯
14.1.4 驗證操作
14.1.5 數據處理
14.1.6 FieldSet
14.2 Field組件
14.2.1 Field的創建
14.2.2 Field的驗證
14.3 文本輸入組件
14.3.1 單行文本輸入組件
14.3.2 多行文本輸入組件
14.3.3 文本編輯組件
14.4 選擇組件
14.4.1 單個選擇組件
14.4.2 選擇組
14.5 下拉組件
14.5.1 TriggerField
14.5.2 Combox
14.5.3 多選組件擴展
14.6 注冊頁面的實現
14.6.1 基本的Form組件應用
14.6.2 上傳處理
14.7 小結
第15章 Ext Grid組件讓數據更直觀
15.1 認識Ext JS 的Grid
15.1.1 概述
15.1.2 如何創建GridPanel
15.1.3 GridPanel如何運行
15.1.4 可編輯的GridPanel
15.2 列模式
15.2.1 CM分析
15.2.2 CM的高級應用
15.3 選擇模式
15.3.1 RowSelectionModel
15.3.2 CheckboxSelectionModel
15.4 視圖
15.4.1 Grid生成HTML內容
15.4.2 如何構建表結構
15.4.3 導入數據
15.4.4 通過流程進一步分析
15.5 分頁欄
15.5.1 載入數據進行顯示
15.5.2 請求數據
15.6 對Grid的改進
15.6.1 下拉框編輯的問題
15.6.2 嵌套表格的問題
15.6.3 多表頭操作
15.7 單元格實現跨列運算
15.7.1 單元格多選模式
15.7.2 公式統計計算
15.7.3 應用實例
15.8 小結
第16章 深入Ext JS 的樹形展示
16.1 樹組件的原理
16.2 Ext JS樹組件的分析
16.2.1 樹的創建
16.2.2 樹的生命周期分析
16.3 樹組件節點
16.3.1 基本節點
16.3.2 TreeNode類
16.4 樹組件的事件
16.4.1 事件的流程
16.4.2 事件的選擇模式
16.5 完善樹的功能
16.5.1 樹的數據
16.5.2 編輯、過濾及排序
16.6 ECOTree的實現
16.6.1 樹的基本實現
16.6.2 節點的實現
16.6.3 折疊、編輯、拖曳及其他完善
16.7 小結
第17章 基于Ext JS Menu組件的快速開發
17.1 Action類
17.1.1 Action類的作用
17.1.2 Action類的運行流程
17.2 Button類
17.2.1 生命周期
17.2.2 樣式處理
17.2.3 狀態切換
17.3 開發個性的工具欄
17.3.1 如何解析工具項
17.3.2 如何進行布局
17.3.3 豎形工具欄的實現
17.4 自己來設計菜單欄
17.4.1 菜單的顯示
17.4.2 菜單的動作
17.5 類UE編輯器的實現
17.5.1 基本的編輯器
17.5.2 活動工具欄
17.6 小結