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

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

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

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

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

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

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

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

第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　文檔和實(shí)例的學(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實(shí)例入門 14
2.1　準(zhǔn)備工作，配置環(huán)境 14
2.2　看似簡(jiǎn)單的登錄頁(yè)面，隱藏好大的學(xué)問 15
2.2.1　頁(yè)面布局 16
2.2.2　表單布局 18
2.2.3　驗(yàn)證碼 20
2.2.4　表單驗(yàn)證 21
2.2.5　表單提交 22
2.3　主框架頁(yè)面 24
2.3.1　主框架頁(yè)面布局 26
2.3.2　左邊導(dǎo)航菜單 28
2.3.3　右邊工作區(qū)域 30
2.4　子頁(yè)面 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　繼承的擴(kuò)展 38
3.1.1　對(duì)象的繼承 38
3.1.2　類的繼承 39
3.1.3　Ext.extend擴(kuò)展 40
3.2　函數(shù)的擴(kuò)展 42
3.2.1　從一個(gè)錯(cuò)誤說起 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)換的基本知識(shí) 50
3.4.2　String和JSON轉(zhuǎn)換 50
3.4.3　查詢字符串與對(duì)象轉(zhuǎn)換 52
3.5　Date的使用 53
3.5.1　日期格式化 53
3.5.2　日期的比較及計(jì)算 55
3.6　定時(shí)任務(wù) 56
3.6.1　有狀態(tài)的定時(shí)任務(wù)管理 56
3.6.2　定時(shí)任務(wù)管理器 58
3.7　小結(jié) 60
第4章　你必須知道的Ext JS事件機(jī)制 61
4.1　瀏覽器事件機(jī)制 61
4.2　Ext JS元素事件 63
4.2.1　Event對(duì)象 63
4.2.2　EventManager 67
4.3　基本事件擴(kuò)展 71
4.3.1　DomReady處理 71
4.3.2　快捷鍵的實(shí)現(xiàn) 72
4.3.3　導(dǎo)航鍵的實(shí)現(xiàn) 74
4.3.4　鼠標(biāo)按住事件 75
4.4　Ext JS組件事件 76
4.4.1　事件對(duì)象 77
4.4.2　組件的事件機(jī)制 78
4.4.3　基于攔截的事件實(shí)現(xiàn) 81
4.4.4　組件及元素事件結(jié)合 83
4.5　擴(kuò)展TabBox事件 84
4.5.1　焦點(diǎn) 84
4.5.2　擴(kuò)展TabBox導(dǎo)航 85
4.5.3　自定義TabBox事件 87
4.6　小結(jié) 89
第5章　模板模型，組件開發(fā)的基石 90
5.1　Ext JS模板概述 90
5.2　正則表達(dá)式基礎(chǔ) 91
5.2.1　正則表達(dá)式引擎 91
5.2.2　字符匹配 93
5.2.3　選擇、分組及引用 95
5.3　正則表達(dá)式的使用 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)用動(dòng)態(tài)數(shù)據(jù) 100
5.4.3　編譯模板 101
5.5　擴(kuò)展模板 103
5.5.1　實(shí)現(xiàn)原理 104
5.5.2　編譯Xtemplate模板 107
5.5.3　為Xtemplate應(yīng)用動(dòng)態(tài)數(shù)據(jù) 110
5.6　模板問題及改進(jìn) 110
5.6.1　模板的問題 110
5.6.2　問題的解決 112
5.7　通信錄的實(shí)現(xiàn) 114
5.7.1　應(yīng)用DataView 115
5.7.2　數(shù)據(jù)分頁(yè)和過濾 117
5.7.3　通信錄中的信息 118
5.8　小結(jié) 119
第6章　改善用戶體驗(yàn)，交互數(shù)據(jù)模型 120
6.1　Ajax請(qǐng)求 120
6.1.1　從網(wǎng)絡(luò)通信協(xié)議開始 120
6.1.2　手動(dòng)實(shí)現(xiàn)Ajax 123
6.1.3　便利函數(shù)讓調(diào)用更加方便 126
6.1.4　表單請(qǐng)求 127
6.1.5　跨域請(qǐng)求 131
6.2　Direct請(qǐng)求 134
6.2.1　Comet請(qǐng)求 134
6.2.2　RPC請(qǐng)求 137
6.3　代理請(qǐng)求 141
6.3.1　REST風(fēng)格 141
6.3.2　代理請(qǐng)求的處理過程 142
6.3.3　MemoryProxy的擴(kuò)展 145
6.4　數(shù)據(jù)解析的實(shí)現(xiàn) 147
6.4.1　定義表結(jié)構(gòu) 147
6.4.2　解析表數(shù)據(jù) 152
6.4.3　數(shù)組解析的擴(kuò)展 156
6.5　數(shù)據(jù)回寫 157
6.5.1　組裝請(qǐng)求參數(shù) 157
6.5.2　保存之后更新 159
6.6　數(shù)據(jù)存儲(chǔ) 160
6.6.1　構(gòu)建Store對(duì)象 160
6.6.2　載入數(shù)據(jù) 162
6.6.3　保存數(shù)據(jù) 164
6.7　DWR數(shù)據(jù)交互 166
6.7.1　DWR請(qǐng)求擴(kuò)展 167
6.7.2　DWR數(shù)據(jù)解析 169
6.7.3　CRUD操作 171
6.8　小結(jié) 172

第3部分　基于元素的開發(fā) 173
第7章　元素?cái)U(kuò)展，讓開發(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　實(shí)現(xiàn)原理 179
7.2.2　查詢及過濾實(shí)現(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　表單實(shí)例 189
7.4.1　實(shí)現(xiàn)并載入表單 189
7.4.2　計(jì)算相關(guān)費(fèi)用 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　動(dòng)態(tài)加入CSS Rules 204
8.2.4　重構(gòu)它們 206
8.3　Dimensions操作 207
8.3.1　寬高操作 208
8.3.2　坐標(biāo)定位操作 211
8.3.3　重構(gòu)它們 214
8.4　相對(duì)定位與約束 215
8.4.1　元素相對(duì)定位 216
8.4.2　scroll定位 219
8.4.3　Resize元素定位的實(shí)現(xiàn) 220
8.5　ImageCropper的實(shí)現(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頁(yè)面動(dòng)起來 232
9.1　動(dòng)畫的原理 232
9.1.1　原理實(shí)現(xiàn) 232
9.1.2　改進(jìn)的實(shí)現(xiàn) 234
9.2　Ext JS動(dòng)畫實(shí)現(xiàn) 237
9.2.1　Ext JS動(dòng)畫管理器 237
9.2.2　動(dòng)畫對(duì)象 238
9.3　動(dòng)畫的進(jìn)一步深入 243
9.3.1　動(dòng)畫類型 243
9.3.2　動(dòng)畫算法 247
9.3.3　Fx特效處理 251
9.4　擴(kuò)展Ext JS矢量圖 254
9.4.1　excanvas基本應(yīng)用 254
9.4.2　excanvas高級(jí)應(yīng)用 261
9.5　交互式動(dòng)畫報(bào)表圖 266
9.5.1　基本折線圖 266
9.5.2　動(dòng)畫的實(shí)現(xiàn) 273
9.5.3　交互式選擇的實(shí)現(xiàn) 275
9.5.4　ToolTip的實(shí)現(xiàn) 279
9.6　小結(jié) 282
第10章　拖曳技術(shù)，讓用戶也動(dòng)起來 283
10.1　Ext JS拖曳原理剖析 283
10.1.1　如何選中元素 283
10.1.2　如何實(shí)現(xiàn)鼠標(biāo)移動(dòng)位置 284
10.1.3　如何確定元素目標(biāo)位置 285
10.2　Ext JS拖曳架構(gòu) 285
10.2.1　拖曳共性處理 285
10.2.2　拖曳個(gè)性處理 289
10.3　拖曳形式的選擇題應(yīng)用 297
10.3.1　選擇題的實(shí)現(xiàn) 297
10.3.2　選項(xiàng)拖曳的實(shí)現(xiàn) 299
10.4　拖曳高級(jí)擴(kuò)展 303
10.4.1　拖曳元素狀態(tài)處理 304
10.4.2　目標(biāo)元素狀態(tài)處理 306
10.4.3　把拖曳目標(biāo)和拖曳元素綜合起來 311
10.5　拖曳定制流程 315
10.5.1　基本的流程圖 315
10.5.2　拖曳的實(shí)現(xiàn) 319
10.5.3　拖曳的完善 324
10.6　小結(jié) 327

第4部分　深入組件的開發(fā) 329
第11章　Ext JS組件模型的架構(gòu)解析 330
11.1　認(rèn)識(shí)Ext JS組件 330
11.2　生命周期設(shè)計(jì) 332
11.2.1　初始化 332
11.2.2　渲染表現(xiàn) 334
11.2.3　銷毀組件，釋放系統(tǒng)資源 335
11.3　可擴(kuò)展性設(shè)計(jì) 337
11.3.1　類繼承的支持 337
11.3.2　事件的支持 337
11.3.3　插件的支持 338
11.3.4　可配置的支持 338
11.3.5　模板方法的支持 339
11.4　可管理性設(shè)計(jì) 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　配置項(xiàng)分析 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　浮動(dòng)層（Layer） 351
12.1.1　shim實(shí)現(xiàn) 351
12.1.2　shadow實(shí)現(xiàn) 352
12.1.3　約束定位 355
12.1.4　浮動(dòng)層顯示 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　實(shí)現(xiàn)BalloonTip組件 383
12.6.2　進(jìn)一步完善 388
12.7　小結(jié) 393
第13章　Ext JS 華麗的容器布局 394
13.1　認(rèn)識(shí)布局的流程 394
13.1.1　布局概述 394
13.1.2　布局的流程 395
13.2　Border布局 397
13.2.1　如何渲染 398
13.2.2　如何計(jì)算布局區(qū)域 399
13.2.3　如何實(shí)現(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　如何擴(kuò)展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　驗(yàn)證操作 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的驗(yàn)證 436
14.3　文本輸入組件 438
14.3.1　單行文本輸入組件 438
14.3.2　多行文本輸入組件 441
14.3.3　文本編輯組件 442
14.4　選擇組件 447
14.4.1　單個(gè)選擇組件 447
14.4.2　選擇組 448
14.5　下拉組件 452
14.5.1　TriggerField 452
14.5.2　Combox 454
14.5.3　多選組件擴(kuò)展 459
14.6　注冊(cè)頁(yè)面的實(shí)現(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　認(rèn)識(shí)Ext JS 的Grid 472
15.1.1　概述 472
15.1.2　如何創(chuàng)建GridPanel 473
15.1.3　GridPanel如何運(yùn)行 474
15.1.4　可編輯的GridPanel 476
15.2　列模式 480
15.2.1　CM分析 480
15.2.2　CM的高級(jí)應(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　通過流程進(jìn)一步分析 497
15.5　分頁(yè)欄 499
15.5.1　載入數(shù)據(jù)進(jìn)行顯示 500
15.5.2　請(qǐng)求數(shù)據(jù) 501
15.6　對(duì)Grid的改進(jìn) 502
15.6.1　下拉框編輯的問題 502
15.6.2　嵌套表格的問題 505
15.6.3　多表頭操作 507
15.7　單元格實(shí)現(xiàn)跨列運(yùn)算 509
15.7.1　單元格多選模式 510
15.7.2　公式統(tǒng)計(jì)計(jì)算 512
15.7.3　應(yīng)用實(shí)例 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é)點(diǎn) 522
16.3.1　基本節(jié)點(diǎn) 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的實(shí)現(xiàn) 540
16.6.1　樹的基本實(shí)現(xiàn) 541
16.6.2　節(jié)點(diǎn)的實(shí)現(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類的運(yùn)行流程 556
17.2　Button類 558
17.2.1　生命周期 558
17.2.2　樣式處理 559
17.2.3　狀態(tài)切換 560
17.3　開發(fā)個(gè)性的工具欄 562
17.3.1　如何解析工具項(xiàng) 562
17.3.2　如何進(jìn)行布局 563
17.3.3　豎形工具欄的實(shí)現(xiàn) 566
17.4　自己來設(shè)計(jì)菜單欄 568
17.4.1　菜單的顯示 568
17.4.2　菜單的動(dòng)作 570
17.5　類UE編輯器的實(shí)現(xiàn) 572
17.5.1　基本的編輯器 572
17.5.2　活動(dòng)工具欄 574
17.6　小結(jié) 578