Ext JS實(shí)戰(zhàn)（第2版）分三部分，基于Ext JS 4.0全面介紹如何開發(fā)具有原生風(fēng)格的富桌面Web應(yīng)用，輔以大量示例幫讀者理解其組件和容器。第一部分是基礎(chǔ)知識，講解Ext JS的豐富特性（包括UI部件以及數(shù)據(jù)存儲(chǔ)、模型和代理等支持類）、DOM操作、組件和容器。第二部分全面介紹Ext JS部件的工作原理，內(nèi)容涵蓋Ext JS組件、布局管理器、表單面板、數(shù)據(jù)存儲(chǔ)、網(wǎng)格面板、樹形面板、圖形圖表、直接遠(yuǎn)程調(diào)用和拖放功能。第三部分介紹Ext JS類系統(tǒng)，并基于本書知識用Sencha CMD和Ext JS MVC系統(tǒng)開發(fā)應(yīng)用。此外，第三部分不僅能讓你學(xué)會(huì)Ext JS框架的更高級功能（如定制的擴(kuò)展、插件，以及類加載器），還能讓你掌握構(gòu)建和管理Web應(yīng)用的堅(jiān)實(shí)理論。

目錄
第一部分 Ext JS 4.0入門
第1章　功夫在框架外　　2
1.1　初識Ext JS　　2
1.1.1　豐富的API文檔　　3
1.1.2　用預(yù)制部件快速開發(fā)　　5
1.2　你需要知道的　　5
1.3　Ext JS部件之旅　　5
1.3.1　容器和布局初探　　7
1.3.2　其他容器的運(yùn)作　　8
1.3.3　數(shù)據(jù)綁定視圖　　9
1.3.4　“枝繁葉茂”的樹形面板　　11
1.3.5　表單輸入框　　12
1.3.6　其他部件　　14
1.4　Ext JS 4.0的新特性　　15
1.4.1　呀！適配層不見了！　　15
1.4.2　新的類系統(tǒng)　　15
1.4.3　數(shù)據(jù)包　　16
1.4.4　布局：代碼大爆炸　　16
1.4.5　新?？肯到y(tǒng)　　17
1.4.6　網(wǎng)格面板的改進(jìn)　　17
1.4.7　樹形面板如今更接近網(wǎng)格面板　　18
1.4.8　圖形和圖表　　19
1.4.9　新的CSS樣式架構(gòu)　　19
1.4.10　新MVC架構(gòu)　　20
1.4.11　捆綁打包工具　　20
1.5　下載和配置　　20
1.6　親手一試　　22
1.7　小結(jié)　　24
第2章　DOM操作　　25
2.1　用 Ext JS啟動(dòng)代碼　　25
2.2　用Ext.Element管理DOM元素　　27
2.2.1　框架的核心　　27
2.2.2　首次使用Ext.Element　　28
2.2.3　創(chuàng)建子節(jié)點(diǎn)　　29
2.2.4　刪除子節(jié)點(diǎn)　　32
2.2.5　配合Ext.Element使用Ajax　　33
2.3　使用模板和XTemplate　　34
2.3.1　使用模板　　34
2.3.2　用XTemplate執(zhí)行循環(huán)操作　　37
2.3.3　XTemplate的高階應(yīng)用　　38
2.4　小結(jié)　　40
第3章　組件和容器　　41
3.1　組件模型　　41
3.1.1　XType和ComponentManager　　42
3.1.2　組件渲染　　44
3.2　組件生命周期　　46
3.2.1　初始化　　46
3.2.2　渲染　　48
3.2.3　銷毀　　50
3.3　容器　　51
3.3.1　構(gòu)建一個(gè)帶子元素的容器　　52
3.3.2　處理子元素　　53
3.4　查詢組件　　54
3.5　視口容器　　56
3.6　小結(jié)　　57
第二部分 Ext JS組件
第4章　核心UI組件　　60
4.1　面板　　60
4.1.1　構(gòu)建一個(gè)復(fù)雜的面板　　61
4.1.2　添加按鈕和工具　　63
4.1.3　在一個(gè)面板上停靠元素　　65
4.1.4　權(quán)重很重要　　67
4.2　顯示窗口對話框　　69
4.2.1　構(gòu)建一個(gè)窗口　　70
4.2.2　更多窗口配置　　71
4.3　消息框　　73
4.3.1　警告用戶　　73
4.3.2　MessageBox的高階方法　　74
4.3.3　顯示一個(gè)動(dòng)畫式等待對話框　　75
4.4　組件也可以存活在標(biāo)簽面板中　　77
4.4.1　構(gòu)建第一個(gè)標(biāo)簽面板　　78
4.4.2　你應(yīng)該知道的標(biāo)簽管理方法　　80
4.5　小結(jié)　　81
第5章　探究布局　　82
5.1　布局管理器如何工作　　82
5.1.1　組件布局　　82
5.1.2　容器布局　　83
5.2　Auto布局　　83
5.3　Anchor布局　　85
5.4　Absolute布局　　88
5.5　Fit布局　　89
5.6　Accordion布局　　90
5.7　Card布局　　93
5.8　Column布局　　95
5.9　HBox和VBox布局　　97
5.10　Table布局　　100
5.11　Border布局　　103
5.12 小結(jié)　　107
第6章　Ext JS中的表單　　108
6.1　基本輸入框　　108
6.1.1　輸入框和校驗(yàn)　　109
6.1.2　密碼和文件選擇框　　111
6.1.3　構(gòu)建多行文本框　　112
6.1.4　便利的數(shù)字輸入框　　112
6.2　用組合框?qū)崿F(xiàn)提前鍵入　　113
6.2.1　構(gòu)建一個(gè)本地組合框　　113
6.2.2　實(shí)現(xiàn)一個(gè)遠(yuǎn)程組合框　　115
6.2.3　解構(gòu)組合框　　118
6.2.4　自定義組合框　　118
6.3　時(shí)間輸入框　　119
6.4　HTML編輯器　　120
6.4.1　構(gòu)建第一個(gè)HTML編輯器　　120
6.4.2　處理缺少校驗(yàn)的問題　　121
6.5　選擇日期　　121
6.6　復(fù)選框和單選按鈕　　122
6.7　表單面板　　124
6.7.1　檢視正在構(gòu)建的內(nèi)容　　125
6.7.2　構(gòu)建字段集　　125
6.7.3　創(chuàng)建標(biāo)簽面板　　128
6.8　數(shù)據(jù)提交和加載　　130
6.8.1　提交表單的傳統(tǒng)方式　　130
6.8.2　通過Ajax提交數(shù)據(jù)　　130
6.8.3　把數(shù)據(jù)加載到表單中　　132
6.9　小結(jié)　　134
第7章　數(shù)據(jù)存儲(chǔ)　　135
7.1　介紹數(shù)據(jù)存儲(chǔ)　　135
7.1.1　支持類　　136
7.1.2　數(shù)據(jù)是如何流動(dòng)的　　137
7.1.3　關(guān)于數(shù)據(jù)代理　　138
7.1.4　模型和讀取器　　139
7.2　讀取和保存數(shù)據(jù)　　140
7.2.1　讀取數(shù)組數(shù)據(jù)　　141
7.2.2　讀取JSON數(shù)據(jù)　　143
7.2.3　讀取XML數(shù)據(jù)　　145
7.3　帶寫入器的數(shù)據(jù)存儲(chǔ)　　146
7.3.1　校驗(yàn)?zāi)Ｐ蛿?shù)據(jù)　　148
7.3.2　同步數(shù)據(jù)　　150
7.4　關(guān)聯(lián)數(shù)據(jù)　　151
7.5　小結(jié)　　154
第8章　網(wǎng)格面板　　155
8.1　網(wǎng)格面板簡介　　155
8.2　構(gòu)建一個(gè)簡單的網(wǎng)格面板　　157
8.3　高級網(wǎng)格面板構(gòu)建　　159
8.3.1　你在構(gòu)建什么　　159
8.3.2　所需的數(shù)據(jù)存儲(chǔ)和模型　　159
8.3.3　創(chuàng)建列　　160
8.3.4　配置高級網(wǎng)格面板　　161
8.3.5　給網(wǎng)格面板配置一個(gè)容器　　162
8.3.6　緩沖滾動(dòng)分頁　　164
8.3.7　為交互應(yīng)用事件處理程序　　166
8.4　在網(wǎng)格面板上編輯數(shù)據(jù)　　168
8.4.1　啟用編輯插件　　169
8.4.2　瀏覽一下你的可編輯網(wǎng)格面板　　173
8.5　加入CRUD　　174
8.5.1　添加保存和拒絕邏輯　　174
8.5.2　保存和拒絕修改　　175
8.5.3　添加創(chuàng)建和刪除功能　　176
8.5.4　使用創(chuàng)建和刪除　　178
8.6　小結(jié)　　180
第9章　深入探究樹形面板　　181
9.1　樹形面板理論　　181
9.1.1　樹形面板關(guān)鍵詞　　181
9.1.2　深入根節(jié)點(diǎn)　　182
9.2　“種下”你的第一棵樹　　183
9.3　培育動(dòng)態(tài)樹形面板　　185
9.3.1　創(chuàng)建一個(gè)遠(yuǎn)程加載面板　　186
9.3.2　為樹（樹形面板）“施肥”　　187
9.4　在樹形面板上實(shí)現(xiàn)CRUD　　189
9.4.1　顯示上下文菜單　　189
9.4.2　添加編輯邏輯　　193
9.4.3　著手刪除　　196
9.4.4　為樹形面板創(chuàng)建節(jié)點(diǎn)　　198
9.5　小結(jié)　　200
第10章　繪畫和圖表　　201
10.1　繪制形狀　　201
10.2　繪圖概念　　202
10.3　表面子畫面　　202
10.3.1　繪制子畫面　　204
10.3.2　管理位置和大小　　205
10.3.3　自適應(yīng)大小的子畫面　　207
10.4　子畫面交互　　207
10.5　掌控路徑　　211
10.6　深入了解圖表　　213
10.7　實(shí)現(xiàn)笛卡兒圖表　　215
10.7.1　配置軸　　215
10.7.2　添加序列　　218
10.7.3　改進(jìn)可視化助手　　219
10.7.4　添加定制形狀　　222
10.7.5　同一個(gè)圖表中的多序列　　224
10.8　定制主題　　226
10.9　餅圖　　230
10.10　小結(jié)　　232
第11章　用Ext Direct實(shí)現(xiàn)遠(yuǎn)程方法調(diào)用　　233
11.1　使兩端相見　　233
11.2　對比Ext Direct和REST　　235
11.3　服務(wù)器端配置　　236
11.3.1　它是怎樣工作的　　236
11.3.2　遠(yuǎn)程方法配置　　236
11.3.3　路由　　237
11.4　遠(yuǎn)程方法　　238
11.4.1　配置路由器　　238
11.4.2　啟用Ext Direct　　240
11.5　直接調(diào)用遠(yuǎn)程方法　　243
11.6　啟用CRUD 的Ext.data.DirectStore　　245
11.7　小結(jié)　　248
第12章　拖放　　249
12.1　拖放工作流　　249
12.1.1　拖放的生命周期　　250
12.1.2　自上而下審視拖放類　　251
12.1.3　一切盡在覆蓋之中　　252
12.1.4　拖放總是在組中工作的　　253
12.2　拖放：一個(gè)基礎(chǔ)的例子　　254
12.2.1　創(chuàng)建一個(gè)小型工作區(qū)　　254
12.2.2　配置元素使之可拖動(dòng)　　255
12.2.3　分析Ext.dd.DD 的DOM元素變化　　256
12.2.4　增加泳池和熱水浴缸作為放置目標(biāo)　　257
12.3　完成你的拖放實(shí)現(xiàn)　　258
12.3.1　增加放入引導(dǎo)　　259
12.3.2　增加有效放入　　261
12.3.3　實(shí)現(xiàn)無效放入　　263
12.4　使用DDProxy　　264
12.5　視圖的拖放　　268
12.5.1　構(gòu)建視圖　　268
12.5.2　添加拖動(dòng)手勢　　272
12.5.3　使用放入　　275
12.6　網(wǎng)格面板的拖放　　278
12.7　樹形面板上的拖放　　282
12.7.1　構(gòu)建樹形面板　　282
12.7.2　啟用拖放　　284
12.7.3　采用靈活的約束　　284
12.8　小結(jié)　　287
第三部分 構(gòu)建一個(gè)應(yīng)用
第13章　類系統(tǒng)基礎(chǔ)　　290
13.1　經(jīng)典的JavaScript繼承　　290
13.1.1　創(chuàng)建一個(gè)基類　　291
13.1.2　創(chuàng)建一個(gè)子類　　292
13.2　Ext JS的繼承　　293
13.2.1　創(chuàng)建一個(gè)基類　　294
13.2.2　創(chuàng)建一個(gè)子類　　295
13.3　擴(kuò)展Ext JS組件　　296
13.3.1　想想你在構(gòu)建什么　　297
13.3.2　擴(kuò)展GridPanel　　298
13.3.3　實(shí)踐你的擴(kuò)展　　299
13.4　用插件來救援　　302
13.4.1　插件的剖析　　302
13.4.2　開發(fā)一個(gè)插件　　303
13.5　使用Ext JS加載器的動(dòng)態(tài)加載類　　306
13.5.1　動(dòng)態(tài)加載一切　　306
13.5.2　應(yīng)該按需加載　　308
13.5.3　采用混合的方案　　309
13.6　小結(jié)　　311
第14章　構(gòu)建一個(gè)應(yīng)用　　312
14.1　像Web UI開發(fā)者一樣思考　　312
14.2　應(yīng)用的（基礎(chǔ)）結(jié)構(gòu)　　313
14.2.1　在命名空間內(nèi)進(jìn)行開發(fā)　　313
14.2.2　動(dòng)態(tài)依賴加載　　315
14.3　開啟Survey 應(yīng)用　　318
14.3.1　從想法到代碼實(shí)現(xiàn)　　318
14.3.2　用Sencha Cmd加快開始的步伐　　319
14.3.3　引導(dǎo)Survey項(xiàng)目　　321
14.3.4　數(shù)據(jù)驅(qū)動(dòng)的應(yīng)用程序模型324
14.3.5　給應(yīng)用程序增加模型　　325
14.3.6　添加數(shù)據(jù)存儲(chǔ)　　329
14.3.7　創(chuàng)建驗(yàn)證表單　　330
14.3.8　插入第一個(gè)控制器　　332
14.3.9　Survey視圖　　333
14.3.10　Survey控制器　　336
14.4　打包　　342
14.5　小結(jié)　　344