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

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

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

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

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

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

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

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

第1部分　快速入門 1
第1章　Web如此美麗，初探Ext JS 2
1.1　Ext JS是什么 2
1.2　為什么選擇Ext JS 3
1.3　如何學(xué)習(xí)Ext JS 5
1.3.1　獲取源碼并部署 5
1.3.2　開發(fā)工具的智能提示 5
1.3.3　文檔和實例的學(xué)習(xí) 8
1.3.4　學(xué)習(xí)論壇 9
1.4　Ext JS體系結(jié)構(gòu) 9
1.4.1　體系結(jié)構(gòu) 9
1.4.2　文件結(jié)構(gòu) 11
1.5　小結(jié) 13
第2章　Ext JS 3.0實例入門 14
2.1　準備工作，配置環(huán)境 14
2.2　看似簡單的登錄頁面，隱藏好大的學(xué)問 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　左邊導(dǎo)航菜單 28
2.3.3　右邊工作區(qū)域 30
2.4　子頁面 32
2.4.1　數(shù)據(jù)處理 32
2.4.2　列表 34
2.5　小結(jié) 35

第2部分　核心技術(shù) 37
第3章　Ext JS核心基礎(chǔ) 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的轉(zhuǎn)換 50
3.4.1　String轉(zhuǎn)換的基本知識 50
3.4.2　String和JSON轉(zhuǎn)換 50
3.4.3　查詢字符串與對象轉(zhuǎn)換 52
3.5　Date的使用 53
3.5.1　日期格式化 53
3.5.2　日期的比較及計算 55
3.6　定時任務(wù) 56
3.6.1　有狀態(tài)的定時任務(wù)管理 56
3.6.2　定時任務(wù)管理器 58
3.7　小結(jié) 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　導(dǎo)航鍵的實現(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　組件及元素事件結(jié)合 83
4.5　擴展TabBox事件 84
4.5.1　焦點 84
4.5.2　擴展TabBox導(dǎo)航 85
4.5.3　自定義TabBox事件 87
4.6　小結(jié) 89
第5章　模板模型，組件開發(fā)的基石 90
5.1　Ext JS模板概述 90
5.2　正則表達式基礎(chǔ) 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　模板的構(gòu)建 99
5.4.2　應(yīng)用動態(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應(yīng)用動態(tài)數(shù)據(jù) 110
5.6　模板問題及改進 110
5.6.1　模板的問題 110
5.6.2　問題的解決 112
5.7　通信錄的實現(xiàn) 114
5.7.1　應(yīng)用DataView 115
5.7.2　數(shù)據(jù)分頁和過濾 117
5.7.3　通信錄中的信息 118
5.8　小結(jié) 119
第6章　改善用戶體驗，交互數(shù)據(jù)模型 120
6.1　Ajax請求 120
6.1.1　從網(wǎng)絡(luò)通信協(xié)議開始 120
6.1.2　手動實現(xiàn)Ajax 123
6.1.3　便利函數(shù)讓調(diào)用更加方便 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風(fēng)格 141
6.3.2　代理請求的處理過程 142
6.3.3　MemoryProxy的擴展 145
6.4　數(shù)據(jù)解析的實現(xiàn) 147
6.4.1　定義表結(jié)構(gòu) 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　構(gòu)建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　小結(jié) 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元素架構(gòu) 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　計算相關(guān)費用 191
7.5　小結(jié) 195
第8章　Ext JS樣式的完美應(yīng)用 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　重構(gòu)它們 206
8.3　Dimensions操作 207
8.3.1　寬高操作 208
8.3.2　坐標定位操作 211
8.3.3　重構(gòu)它們 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　顯示選擇內(nèi)容 229
8.6　小結(jié) 231
第9章　讓W(xué)eb頁面動起來 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基本應(yīng)用 254
9.4.2　excanvas高級應(yīng)用 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　小結(jié) 282
第10章　拖曳技術(shù)，讓用戶也動起來 283
10.1　Ext JS拖曳原理剖析 283
10.1.1　如何選中元素 283
10.1.2　如何實現(xiàn)鼠標移動位置 284
10.1.3　如何確定元素目標位置 285
10.2　Ext JS拖曳架構(gòu) 285
10.2.1　拖曳共性處理 285
10.2.2　拖曳個性處理 289
10.3　拖曳形式的選擇題應(yīng)用 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　小結(jié) 327

第4部分　深入組件的開發(fā) 329
第11章　Ext JS組件模型的架構(gòu)解析 330
11.1　認識Ext JS組件 330
11.2　生命周期設(shè)計 332
11.2.1　初始化 332
11.2.2　渲染表現(xiàn) 334
11.2.3　銷毀組件，釋放系統(tǒng)資源 335
11.3　可擴展性設(shè)計 337
11.3.1　類繼承的支持 337
11.3.2　事件的支持 337
11.3.3　插件的支持 338
11.3.4　可配置的支持 338
11.3.5　模板方法的支持 339
11.4　可管理性設(shè)計 339
11.4.1　全局統(tǒng)一管理 339
11.4.2　組件類別管理 340
11.4.3　內(nèi)部狀態(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　重構(gòu) 349
11.6.4　編寫文檔 350
11.7　小結(jié) 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　小結(jié) 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　自適應(yīng)布局 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　小結(jié) 422
第14章　Ext JS Form的交互式表單 423
14.1　FormPanel聚散地 423
14.1.1　Form關(guān)系圖 423
14.1.2　與BaseForm關(guān)聯(lián) 425
14.1.3　與Field關(guān)聯(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組件應(yīng)用 465
14.6.2　上傳處理 468
14.7　小結(jié) 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的高級應(yīng)用 482
15.3　選擇模式 485
15.3.1　RowSelectionModel 485
15.3.2　CheckboxSelectionModel 488
15.4　視圖 489
15.4.1　Grid生成HTML內(nèi)容 489
15.4.2　如何構(gòu)建表結(jié)構(gòu) 491
15.4.3　導(dǎo)入數(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　應(yīng)用實例 515
15.8　小結(jié) 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　小結(jié) 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　自己來設(shè)計菜單欄 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　小結(jié) 578