張鑫 JavaScript開源社區JS堂（jstang.cn）站長，Ext中文站（www.ajaxjs.com）站長，EXT JS原作者JACK的中文博客參與維護人。熱衷於Web前端開發，在Ajax和Web UI領域功力深厚，國內最早應用EXT JS進行實際項目開發的程序員，EXT熱血高手，通過社區、博客、翻譯文檔等途徑不遺餘力的推廣EXT JS。曾與友人閤作編寫過《AIR完整入門與開發實錄》Ajax AIR的部分。

楊彥強，任職於方正集團，係統架構師，負責公司富客戶端技術(包括Ext、OpenLaszlo、Flex)的調研與培訓工作。多年來專注於行業軟件開發、架構設計。擅長麵嚮對象的分析設計、Java EE架構和Unix／Linux平颱的編程技術。一直關注開源事業，並緻力於富客戶端技術的研究，基於Ext JS框架已開發多個大型商業項目，具有精湛的Ext JS框架開發功力

黃燈橋，2002年起緻力於Web開發與應用研究，開源框架發燒友，活躍於各大開源社區，目前醉心於Ajax框架Ext的推廣與研究工作，基於Ext開發的很多先鋒教程廣泛轉載於各大技術社區，個人博客blog．csdn．net／tianxiaode深受廣大技術愛好者推崇。...

本書詳細介紹Ext JS框架體係結構，以及利用HTML/CSS/JavaScript進行前端設計的方法和技巧。作者為Ext中文站站長領銜的三個國內Ext JS先鋒，在開發思維和開發經驗上有著無可爭議的功力。

本書包含的內容有Ext.Element.*、事件Observable、Ext組件+MVC原理、Grid/Form/Tree/ComboBox、Ajax緩存Store等，並照顧JavaScript新手，穿插部分JavaScript基礎知識。

本書附帶的實例豐富，包括散布各知識點的單獨可運行實例、大型UI控件、ASP.NET新聞發布器、Java DWR整閤方案、最新通信協議Ext.Direct、Ajax仿資源管理器等。

本書附帶光盤中的教學視頻時長270分鍾，包括從零開始學Ext、如何用Firebug調試、ext-base.js源碼級講解、實例操作演示和源碼評點、可視化IDE編程、優化工具的使用等。並附帶完整的Ext 3.1中文文檔。

本書適閤廣大的Web開發人員閱讀。

目錄

第1章 開篇 1

1.1 網絡開發浪潮 2

1.2 基於JavaScript的RIA開發觀念 3

1.3 風靡世界的Ext 3

第2章 Ext起步 7

2.1 獲取Ext的方法 8

2.2 Ext運行環境 8

2.3 如何兼容其他JavaScript庫 9

2.4 如何學好Ext框架 11

第3章 Ext基礎 13

3.1 構成界麵的元素 14

3.1.1 獲取頁麵元素 14

3.1.2 Ext.get()/Ext.fly()區彆 16

3.1.3 獲取周邊元素 17

3.1.4 元素的增/刪/改/查 18

3.2 元素的高級查詢 22

3.2.1 DomQuery詳解 22

3.2.2 Composite元素集閤 25

3.2.3 CSS選擇符詳解 27

3.2.4 ID/Class拾遺 30

.3.3 控製元素 30

3.3.1 頁麵顯示方法 30

3.3.2 動畫Fx集錦 32

3.3.3 元素小結 33

3.4 應用模闆 34

3.4.1 Ext.Template 35

3.4.2 Ext.XTemplate 37

3.5 例子：製作一個對話框 39

3.5.1 afterRender事件 41

3.5.2 繼承用法 43

第4章 Ext事件 45

4.1 瀏覽器事件淺析 46

4.1.1 內聯式登記(inline) 46

4.1.2 傳統式登記 47

4.1.3 IE式登記 47

4.1.4 DOM Level 2式登記 48

4.1.5 事件對象 50

4.2 事件與函數 50

4.2.1 變量的聲明 50

4.2.2 嵌套的函數 51

4.2.3 Function.call()/apply() 52

4.2.4 深入Event Handler 54

4.2.5 Ext的事件 59

4.3 高級事件及其控製 62

4.3.1 基礎事件與高級組件事件 62

4.3.2 高級組件事件詳解 64

4.3.3 鍵盤上的按鍵事件 69

4.4 例子：製作一個小Widget 71

4.4.1 定義UI/CSS 72

4.4.2 繼承Observable(重點) 74

4.4.3 配置項參數 76

第5章 創建圖形界麵 79

5.1 界麵架構及原理 80

5.1.1 組件的生存周期 81

5.1.2 模闆方法簡介 87

5.1.3 對象模型之Component 92

5.1.4 對象模型之Container 92

5.1.5 對象模型之Panel 93

5.1.6 對象模型之Viewport 94

5.1.7 小結 95

5.2 組件的高級應用 95

5.2.1 組件的延時渲染 95

5.2.2 組件管理器 96

5.2.3 避免相同id的衝突 97

5.2.4 組件之間的通信 98

5.2.5 關於插件的應用 100

5.3 容器的布局 101

5.3.1 布局簡介 101

5.3.2 使用AnchorLayout 104

5.3.3 使用FormLayout 106

5.3.4 使用ColumnLayout 107

5.3.5 調試ColumnLayout 113

5.4 拖放操作 115

5.4.1 入門：一個小遊戲 115

5.4.2 簡單的拖放 116

5.4.3 自定義拖放詳解 118

5.4.4 群體式拖放模式 119

第6章 展示數據 123

6.1 如何産生組件讀取的數據 124

6.1.1 org.json(Struts篇) 124

6.1.2 LitJSON(.NET篇) 128

6.2 錶格組件Grid 135

6.2.1 Grid入門 135

6.2.2 Store結構 144

6.2.3 分頁、查詢、排序 149

6.2.4 列模型與單元格 155

6.2.5 多層錶頭 161

6.2.6 使用拖放行為 163

6.2.7 PropertyGrid擴展簡介 169

6.2.8 使用DataView組件 171

6.3 錶單組件Form 179

6.3.1 錶單提交 179

6.3.2 錶單驗證及其控製 186

6.3.3 錶單/數據綁定 193

6.3.4　插件/擴展兩則 196

6.3.5 集成TinyMCE Editor

編輯器 198

6.4 列錶組件ComboBox 201

6.4.1 基本使用方法 201

6.4.2 調整Combobox內的元素 206

6.4.3 實現Combobox的聯動 211

6.4.4 TreeComboBox簡介 214

6.5 樹狀組件Tree 216

6.5.1 Tree入門 216

6.5.2 如何定義數據源 221

6.5.3 改變節點圖標 224

6.5.4 Tree的拖放 226

6.5.5 調試動態樹 229

第7章 數據驅動 237

7.1 XML/JSON數據格式比較 238

7.2 容器類MixedCollection 239

7.2.1 構造器以及屬性 240

7.2.2 集閤存儲操作方法(一) 241

7.2.3 集閤存儲操作方法(二) 245

7.2.4 集閤查詢遍曆方法 246

7.3 數據存儲基本單元Record與

DataField 248

7.3.1 準備基礎數據 248

7.3.2 DataField詳解 250

7.3.3 Record詳解(一) 250

7.3.4 Record詳解(二) 252

7.4 數據存儲Store 255

7.4.1 數據的載入 255

7.4.2 遠程數據的載入 259

7.4.3 數據的添加 263

7.4.4 取得記錄信息 269

7.4.5 排序 273

7.4.6 事務模式 274

7.4.7 查找 276

7.5 數據代理DataProxy 277

7.5.1 Ext.data.DataProxy 277

7.5.2 Ext.data.MemoryProxy 278

7.5.3 Ext.data.HttpProxy 279

7.5.4 Ext.data.ScriptTagProxy 280

7.6 數據讀取器DataReader 282

7.6.1 Ext.data.DataReader 282

7.6.2 Ext.data.ArrayReader 282

7.6.3 Ext.data.JsonReader 284

7.6.4 Ext.data.XmlReader 286

7.7 Ext.ux.DWR + Spring 287

7.7.1 DwrProxy/DwrReader 288

7.7.2 整閤Spring的例子 289

7.7.3 Web服務端配置 289

7.7.4 服務層接口 291

7.8 RESTful的支持 293

7.9 Ext.Direct 293

7.9.1 通迅新方式：Ext.Direct 293

7.9.2 配置器 294

7.9.3 API供應器 296

7.9.4 路由器 298

7.9.5 例子 300

7.9.6 小結 301

第8章 JavaScript高級應用 303

8.1 JavaScript閉包詳解 304

8.1.1 閉包的概念 304

8.1.2 閉包成員的生命周期 305

8.1.3 引用而不是復製 306

8.1.4 閉包應用場景 307

8.2 JavaScript的繼承 308

8.2.1 大雜燴JavaScript 308

8.2.2 定義類彆 309

8.2.3 加入方法 310

8.2.4 基於類的繼承 311

8.3 修改頁麵皮膚 315

8.3.1 從Ext.BLANK_IMAGE_URL

說起 315

8.3.2 實時換膚功能 317

8.3.3 樣式精粹：CSS Sprites 318

8.3.4 九宮格方位與baseCls 320

8.4 處理i18n 322

8.4.1 國際化與本地化 322

8.4.2 多語言的Ext 323

第9章 大型UI控件 327

9.1 Edk簡介 328

9.1.1 項目起步 328

9.1.2 頂層源碼概覽 331

9.1.3 數據通信機製Ext.Direct 333

9.2 如何復用Ext組件 338

9.2.1 “1+2”之一 339

9.2.2 “1+2”之二 341

9.2.3 “1+2”之三 343

9.2.4 小結 347

9.3 Edk.grid.* 348

9.3.1 淺談行為模式 348

9.3.2 如何分配Action 349

9.3.3 如何擴展該模式 351

9.4 Edk. tree.* 351

9.4.1 如何設計分類的Tree 351

9.4.2 如何添加特定的節點 353

9.4.3 如何使得TreeNode可編輯 354

9.5 Edk.formPanel.* 354

9.6 Edk.attachment.* 356

第10章 新聞管理係統 359

10.1 簡介 360

10.1.1 項目需求 360

10.1.2 麵嚮.NET的架構 360

10.1.3 係統需要使用的資源 360

10.1.4 準備數據庫錶 361

10.1.5 設置配置文件 363

10.2 頁麵實作 365

10.2.1 登錄頁(index.html) 365

10.2.2 主頁麵(index.aspx) 370

10.2.3 用戶管理頁麵(users.aspx) 372

10.2.4 新聞管理頁麵(news.aspx) 379

10.2.5 剩餘的服務端任務 390