ExtJS源碼分析與開發(fā)實例寶典 內容簡介:

《Ext JS源碼分析與開發(fā)實例寶典》一書全面系統(tǒng)地剖析了ExtJS 3．0的架構設計原理。通過對源碼的“抽絲剝繭”，讀者可以掌握Ext JS架構的精妙，從原理層面用活Ext JS。此外，本書還提出了大量的解決方案，以使Ext JS滿足用戶 日益增長的體驗需要。

　　《Ext JS源碼分析與開發(fā)實例寶典》一書分為4個部分，共17章。快速入門部分講解Ext JS的背景及體系結構，并通過案例實現(xiàn)讓 讀者快速入門。核心技術部分深入講解Ext JS的核心基礎知識，包括JS原生對象的擴展、事件機制、 模板模型、數(shù)據(jù)模型，包括一個機制、兩個模型及六個擴展?；谠氐拈_發(fā)部分講解了在DOM元素基 礎上擴展的Ext JS元素，包括元素操作、元素查找、元素樣式、動畫特效和拖曳實現(xiàn)。深入組件的開 發(fā)部分講解Ext JS組件的原理及各大組件的應用，包括組件模型、容器模型、布局設計、Form組件、 Grid組件、Tree組件及Menu組件。

　　《Ext JS源碼分析與開發(fā)實例寶典》一書結構緊湊，條理清晰，注重對Ext JS優(yōu)美代碼的分析和應用，通過閱讀漂亮的代碼，能夠極 大地提升代碼編寫的質量。為了讓讀者更好地理解知識，本書還配備了豐富的應用實例，在充分理解源 碼的基礎上，對Ext JS進行了大量實用性強的擴展。

　　本書可以作為Web應用開發(fā)的參考手冊，適合具備一定HTML和JavaScript基礎的開發(fā)人員學習， 特別適合從事RIA Web開發(fā)的人員自學參考，也可以作為Ext JS應用開發(fā)的培訓教材。                                                                                                                                                                                                                                                     
媒體評論

隨著瀏覽器的不斷進步和RIA（Rich Interface Application。）的逐漸流行，JS（JavaScript）這門歷史悠久的開發(fā)技術不斷煥發(fā)出新的生機，開發(fā)人員為JS開發(fā)出各種框架，來提升開發(fā)的質量與效率，以適應Web 2．0時代Web應用程序的開發(fā)。在眾多的框架中，Ext JS以其獨特的設計、強大的功能和開源的優(yōu)勢，獲得了巨大的成功。

　　本書的作者通過清晰的實例，詳細講述了Ext JS的核心概念和實際應用，體現(xiàn)了作者高度的理論修養(yǎng)和豐富的實踐經(jīng)驗。讀者既可以從中體會Ext JS框架的設計思想，也可以直接按照書中的實例進行操作，解決開發(fā)中遇到的問題。同時，本書行文流暢，邏輯嚴謹，改變了通常技術書籍晦澀難懂的形象，這是本書的又一亮點。
　　——諾和諾德(中國)科技有限公司，NNIT(China)，高級開發(fā)技術研究與培訓專家，杜新潤
　　本書很全面地講解了Ext JS框架，以及其他類似的JavaScript框架，能讓初學者很快上手。通過不同的開發(fā)環(huán)境，如VS、dw、Eclipse，配置Ext JS的智能感應功能，提高Ext JS的開發(fā)效率與開發(fā)速度。對Ext JS的體系結構描述清楚，通俗易懂，通過簡單的例子，介紹了Ext JS 3．0對UI的應用、DOM元素、事件、數(shù)據(jù)的處理等。邏輯層次清晰，由淺入深地進述了Ext√S的點點滴滴。雖然只看了部分章節(jié)，但也能體會作者對Ext JS的每一個要點都講得很詳細，是一本難得的好書。
　　——中國軟件工程網(wǎng)，全體開發(fā)工程師
　　本書層次清晰，層層深入地進行例子講解，案例豐富，介紹了Ext JS的概念和應用技巧。結合實際的項目講解Ext JS在UI和整體項目上的應用特點，值得前端設計人員和Ajax愛好者學習。
　　——成都微核科技，界面工程師，David．heii.R                                       

ExtJS源碼分析與開發(fā)實例寶典 目錄:

第1部分　快速入門 1
第1章　Web如此美麗，初探Ext JS 2
1.1　Ext JS是什么 2
1.2　為什么選擇Ext JS 3
1.3　如何學習Ext JS 5
1.3.1　獲取源碼并部署 5
1.3.2　開發(fā)工具的智能提示 5
1.3.3　文檔和實例的學習 8
1.3.4　學習論壇 9
1.4　Ext JS體系結構 9
1.4.1　體系結構 9
1.4.2　文件結構 11
1.5　小結 13
第2章　Ext JS 3.0實例入門 14
2.1　準備工作，配置環(huán)境 14
2.2　看似簡單的登錄頁面，隱藏好大的學問 15
2.2.1　頁面布局 16
2.2.2　表單布局 18
2.2.3　驗證碼 20
2.2.4　表單驗證 21
2.2.5　表單提交 22
2.3　主框架頁面 24
2.3.1　主框架頁面布局 26
2.3.2　左邊導航菜單 28
2.3.3　右邊工作區(qū)域 30
2.4　子頁面 32
2.4.1　數(shù)據(jù)處理 32
2.4.2　列表 34
2.5　小結 35

第2部分　核心技術 37
第3章　Ext JS核心基礎 38
3.1　繼承的擴展 38
3.1.1　對象的繼承 38
3.1.2　類的繼承 39
3.1.3　Ext.extend擴展 40
3.2　函數(shù)的擴展 42
3.2.1　從一個錯誤說起 42
3.2.2　函數(shù)的委托 43
3.3　數(shù)組及集合 44
3.3.1　JavaScript數(shù)組 45
3.3.2　Ext JS集合操作 46
3.4　String的轉換 50
3.4.1　String轉換的基本知識 50
3.4.2　String和JSON轉換 50
3.4.3　查詢字符串與對象轉換 52
3.5　Date的使用 53
3.5.1　日期格式化 53
3.5.2　日期的比較及計算 55
3.6　定時任務 56
3.6.1　有狀態(tài)的定時任務管理 56
3.6.2　定時任務管理器 58
3.7　小結 60
第4章　你必須知道的Ext JS事件機制 61
4.1　瀏覽器事件機制 61
4.2　Ext JS元素事件 63
4.2.1　Event對象 63
4.2.2　EventManager 67
4.3　基本事件擴展 71
4.3.1　DomReady處理 71
4.3.2　快捷鍵的實現(xiàn) 72
4.3.3　導航鍵的實現(xiàn) 74
4.3.4　鼠標按住事件 75
4.4　Ext JS組件事件 76
4.4.1　事件對象 77
4.4.2　組件的事件機制 78
4.4.3　基于攔截的事件實現(xiàn) 81
4.4.4　組件及元素事件結合 83
4.5　擴展TabBox事件 84
4.5.1　焦點 84
4.5.2　擴展TabBox導航 85
4.5.3　自定義TabBox事件 87
4.6　小結 89
第5章　模板模型，組件開發(fā)的基石 90
5.1　Ext JS模板概述 90
5.2　正則表達式基礎 91
5.2.1　正則表達式引擎 91
5.2.2　字符匹配 93
5.2.3　選擇、分組及引用 95
5.3　正則表達式的使用 97
5.3.1　exec和match 97
5.3.2　replace函數(shù) 97
5.4　基本模板 99
5.4.1　模板的構建 99
5.4.2　應用動態(tài)數(shù)據(jù) 100
5.4.3　編譯模板 101
5.5　擴展模板 103
5.5.1　實現(xiàn)原理 104
5.5.2　編譯Xtemplate模板 107
5.5.3　為Xtemplate應用動態(tài)數(shù)據(jù) 110
5.6　模板問題及改進 110
5.6.1　模板的問題 110
5.6.2　問題的解決 112
5.7　通信錄的實現(xiàn) 114
5.7.1　應用DataView 115
5.7.2　數(shù)據(jù)分頁和過濾 117
5.7.3　通信錄中的信息 118
5.8　小結 119
第6章　改善用戶體驗，交互數(shù)據(jù)模型 120
6.1　Ajax請求 120
6.1.1　從網(wǎng)絡通信協(xié)議開始 120
6.1.2　手動實現(xiàn)Ajax 123
6.1.3　便利函數(shù)讓調用更加方便 126
6.1.4　表單請求 127
6.1.5　跨域請求 131
6.2　Direct請求 134
6.2.1　Comet請求 134
6.2.2　RPC請求 137
6.3　代理請求 141
6.3.1　REST風格 141
6.3.2　代理請求的處理過程 142
6.3.3　MemoryProxy的擴展 145
6.4　數(shù)據(jù)解析的實現(xiàn) 147
6.4.1　定義表結構 147
6.4.2　解析表數(shù)據(jù) 152
6.4.3　數(shù)組解析的擴展 156
6.5　數(shù)據(jù)回寫 157
6.5.1　組裝請求參數(shù) 157
6.5.2　保存之后更新 159
6.6　數(shù)據(jù)存儲 160
6.6.1　構建Store對象 160
6.6.2　載入數(shù)據(jù) 162
6.6.3　保存數(shù)據(jù) 164
6.7　DWR數(shù)據(jù)交互 166
6.7.1　DWR請求擴展 167
6.7.2　DWR數(shù)據(jù)解析 169
6.7.3　CRUD操作 171
6.8　小結 172

第3部分　基于元素的開發(fā) 173
第7章　元素擴展，讓開發(fā)更靈活 174
7.1　Ext. DomHelper類 174
7.1.1　元素創(chuàng)建 174
7.1.2　元素插入 175
7.2　Ext.DomQuery類 178
7.2.1　實現(xiàn)原理 179
7.2.2　查詢及過濾實現(xiàn) 180
7.2.3　編譯解析 182
7.3　Ext JS元素架構 185
7.3.1　Ext.Element元素 185
7.3.2　Ext.CompositeElementLite 187
7.4　表單實例 189
7.4.1　實現(xiàn)并載入表單 189
7.4.2　計算相關費用 191
7.5　小結 195
第8章　Ext JS樣式的完美應用 196
8.1　樣式基本操作 196
8.1.1　創(chuàng)建元素 197
8.1.2　元素定位 198
8.1.3　可視及其他 199
8.2　 JS操作樣式 200
8.2.1　style的操作 201
8.2.2　class的操作 203
8.2.3　動態(tài)加入CSS Rules 204
8.2.4　重構它們 206
8.3　Dimensions操作 207
8.3.1　寬高操作 208
8.3.2　坐標定位操作 211
8.3.3　重構它們 214
8.4　相對定位與約束 215
8.4.1　元素相對定位 216
8.4.2　scroll定位 219
8.4.3　Resize元素定位的實現(xiàn) 220
8.5　ImageCropper的實現(xiàn) 224
8.5.1　創(chuàng)建容器 225
8.5.2　創(chuàng)建三層圖片并載入 226
8.5.3　初始化Resize和拖曳 227
8.5.4　顯示選擇內容 229
8.6　小結 231
第9章　讓Web頁面動起來 232
9.1　動畫的原理 232
9.1.1　原理實現(xiàn) 232
9.1.2　改進的實現(xiàn) 234
9.2　Ext JS動畫實現(xiàn) 237
9.2.1　Ext JS動畫管理器 237
9.2.2　動畫對象 238
9.3　動畫的進一步深入 243
9.3.1　動畫類型 243
9.3.2　動畫算法 247
9.3.3　Fx特效處理 251
9.4　擴展Ext JS矢量圖 254
9.4.1　excanvas基本應用 254
9.4.2　excanvas高級應用 261
9.5　交互式動畫報表圖 266
9.5.1　基本折線圖 266
9.5.2　動畫的實現(xiàn) 273
9.5.3　交互式選擇的實現(xiàn) 275
9.5.4　ToolTip的實現(xiàn) 279
9.6　小結 282
第10章　拖曳技術，讓用戶也動起來 283
10.1　Ext JS拖曳原理剖析 283
10.1.1　如何選中元素 283
10.1.2　如何實現(xiàn)鼠標移動位置 284
10.1.3　如何確定元素目標位置 285
10.2　Ext JS拖曳架構 285
10.2.1　拖曳共性處理 285
10.2.2　拖曳個性處理 289
10.3　拖曳形式的選擇題應用 297
10.3.1　選擇題的實現(xiàn) 297
10.3.2　選項拖曳的實現(xiàn) 299
10.4　拖曳高級擴展 303
10.4.1　拖曳元素狀態(tài)處理 304
10.4.2　目標元素狀態(tài)處理 306
10.4.3　把拖曳目標和拖曳元素綜合起來 311
10.5　拖曳定制流程 315
10.5.1　基本的流程圖 315
10.5.2　拖曳的實現(xiàn) 319
10.5.3　拖曳的完善 324
10.6　小結 327

第4部分　深入組件的開發(fā) 329
第11章　Ext JS組件模型的架構解析 330
11.1　認識Ext JS組件 330
11.2　生命周期設計 332
11.2.1　初始化 332
11.2.2　渲染表現(xiàn) 334
11.2.3　銷毀組件，釋放系統(tǒng)資源 335
11.3　可擴展性設計 337
11.3.1　類繼承的支持 337
11.3.2　事件的支持 337
11.3.3　插件的支持 338
11.3.4　可配置的支持 338
11.3.5　模板方法的支持 339
11.4　可管理性設計 339
11.4.1　全局統(tǒng)一管理 339
11.4.2　組件類別管理 340
11.4.3　內部狀態(tài)管理 340
11.5　組件分析法 343
11.5.1　生命周期分析 343
11.5.2　配置項分析 345
11.5.3　方法及屬性分析 345
11.5.4　事件分析 347
11.5.5　組件特性 347
11.6　如何自定義組件 348
11.6.1　組件的需求 348
11.6.2　按生命周期來編寫組件 348
11.6.3　重構 349
11.6.4　編寫文檔 350
11.7　小結 350
第12章　Ext JS面板，信息提示更人性化 351
12.1　浮動層（Layer） 351
12.1.1　shim實現(xiàn) 351
12.1.2　shadow實現(xiàn) 352
12.1.3　約束定位 355
12.1.4　浮動層顯示 357
12.2　容器（Container）布局 359
12.2.1　生命周期分析 359
12.2.2　容器特性 361
12.3　面板（Panel）布局 363
12.3.1　面板組成 363
12.3.2　面板樣式 367
12.3.3　面板的折疊/展開 370
12.4　窗體（Window）布局 372
12.4.1　最大最小化 372
12.4.2　改變大小 375
12.4.3　窗體顯示問題 376
12.5　工具提示 377
12.5.1　Ext.Tip類 377
12.5.2　Ext.ToolTip類 378
12.5.3　Ext.QuickTip類 379
12.6　氣球提示（BalloonTip) 382
12.6.1　實現(xiàn)BalloonTip組件 383
12.6.2　進一步完善 388
12.7　小結 393
第13章　Ext JS 華麗的容器布局 394
13.1　認識布局的流程 394
13.1.1　布局概述 394
13.1.2　布局的流程 395
13.2　Border布局 397
13.2.1　如何渲染 398
13.2.2　如何計算布局區(qū)域 399
13.2.3　如何實現(xiàn)折疊與展開 402
13.3　錨定位布局 405
13.3.1　AnchorLayout布局 405
13.3.2　AbsoluteLayout布局 407
13.3.3　FormLayout布局 408
13.4　自適應布局 409
13.4.1　FitLayout 410
13.4.2　AccordionLayout 410
13.4.3　CardLayout 412
13.5　表行列布局 413
13.5.1　ColumnLayout 413
13.5.2　RowLayout 414
13.5.3　TableLayout 415
13.6　Box布局 418
13.7　如何擴展TableFormLayout 420
13.8　小結 422
第14章　Ext JS Form的交互式表單 423
14.1　FormPanel聚散地 423
14.1.1　Form關系圖 423
14.1.2　與BaseForm關聯(lián) 425
14.1.3　與Field關聯(lián) 426
14.1.4　驗證操作 427
14.1.5　數(shù)據(jù)處理 429
14.1.6　FieldSet 433
14.2　Field組件 434
14.2.1　Field的創(chuàng)建 435
14.2.2　Field的驗證 436
14.3　文本輸入組件 438
14.3.1　單行文本輸入組件 438
14.3.2　多行文本輸入組件 441
14.3.3　文本編輯組件 442
14.4　選擇組件 447
14.4.1　單個選擇組件 447
14.4.2　選擇組 448
14.5　下拉組件 452
14.5.1　TriggerField 452
14.5.2　Combox 454
14.5.3　多選組件擴展 459
14.6　注冊頁面的實現(xiàn) 465
14.6.1　基本的Form組件應用 465
14.6.2　上傳處理 468
14.7　小結 471
第15章　Ext Grid組件讓數(shù)據(jù)更直觀 472
15.1　認識Ext JS 的Grid 472
15.1.1　概述 472
15.1.2　如何創(chuàng)建GridPanel 473
15.1.3　GridPanel如何運行 474
15.1.4　可編輯的GridPanel 476
15.2　列模式 480
15.2.1　CM分析 480
15.2.2　CM的高級應用 482
15.3　選擇模式 485
15.3.1　RowSelectionModel 485
15.3.2　CheckboxSelectionModel 488
15.4　視圖 489
15.4.1　Grid生成HTML內容 489
15.4.2　如何構建表結構 491
15.4.3　導入數(shù)據(jù) 495
15.4.4　通過流程進一步分析 497
15.5　分頁欄 499
15.5.1　載入數(shù)據(jù)進行顯示 500
15.5.2　請求數(shù)據(jù) 501
15.6　對Grid的改進 502
15.6.1　下拉框編輯的問題 502
15.6.2　嵌套表格的問題 505
15.6.3　多表頭操作 507
15.7　單元格實現(xiàn)跨列運算 509
15.7.1　單元格多選模式 510
15.7.2　公式統(tǒng)計計算 512
15.7.3　應用實例 515
15.8　小結 516
第16章　深入Ext JS 的樹形展示 517
16.1　樹組件的原理 517
16.2　Ext JS樹組件的分析 519
16.2.1　樹的創(chuàng)建 520
16.2.2　樹的生命周期分析 520
16.3　樹組件節(jié)點 522
16.3.1　基本節(jié)點 522
16.3.2　TreeNode類 523
16.4　樹組件的事件 529
16.4.1　事件的流程 529
16.4.2　事件的選擇模式 532
16.5　完善樹的功能 533
16.5.1　樹的數(shù)據(jù) 533
16.5.2　編輯、過濾及排序 536
16.6　ECOTree的實現(xiàn) 540
16.6.1　樹的基本實現(xiàn) 541
16.6.2　節(jié)點的實現(xiàn) 547
16.6.3　折疊、編輯、拖曳及其他完善 550
16.7　小結 554
第17章　基于Ext JS Menu組件的快速開發(fā) 555
17.1　Action類 555
17.1.1　Action類的作用 555
17.1.2　Action類的運行流程 556
17.2　Button類 558
17.2.1　生命周期 558
17.2.2　樣式處理 559
17.2.3　狀態(tài)切換 560
17.3　開發(fā)個性的工具欄 562
17.3.1　如何解析工具項 562
17.3.2　如何進行布局 563
17.3.3　豎形工具欄的實現(xiàn) 566
17.4　自己來設計菜單欄 568
17.4.1　菜單的顯示 568
17.4.2　菜單的動作 570
17.5　類UE編輯器的實現(xiàn) 572
17.5.1　基本的編輯器 572
17.5.2　活動工具欄 574
17.6　小結 578