Ext JS學(xué)習(xí)指南

第1章　新手入門　1
1.1　Ext介紹　1
1.1.1　Ext：不僅僅是“又一個(gè)JavaScript庫”　3
1.1.2　跨瀏覽器DOM　3
1.1.3　事件驅(qū)動(dòng)的界面　3
1.1.4　Ext和AJAX　4
1.2　獲取Ext　4
1.3　在頁面中包含Ext　5
1.4　使用Ext庫　6
1.5　范例　8
1.6　范例無法正常運(yùn)行　8
1.7　適配器　9
1.8　異步執(zhí)行　10
1.9　本地化　11
1.9.1　只提供英文版　11
1.9.2　英文版之外的其他語言版本　11
1.9.3　多語言版本　12
1.10　Ext JS在線社區(qū)　12
1.11　小結(jié)　13
第2章　Ext的常用方法　15
2.1　整裝待發(fā)，啟程！　15
2.1.1　占位符圖片　16
2.1.2　小部件　16
2.1.3　動(dòng)手實(shí)踐　16
2.2　代碼詳解　17
2.3　使用onReady函數(shù)　17
2.4　小部件更多驚奇特性　18
2.5　JSON和配置對(duì)象介紹　20
2.5.1　傳統(tǒng)的方式　20
2.5.2　全新方式——配置對(duì)象　20
2.5.3　配置對(duì)象如何工作　22
2.6　動(dòng)手實(shí)踐　22
2.7　點(diǎn)燃火焰　24
2.7.1　常用函數(shù)——Ext.get　25
2.7.2　關(guān)于速度的小提示　26
2.8　小結(jié)　27
第3章　表單　29
3.1　表單的核心組件　29
3.2　第一個(gè)表單　30
3.3　漂亮的表單是如何工作的　31
3.4　表單字段域　31
3.5　驗(yàn)證　32
3.6　內(nèi)置的驗(yàn)證——vtype　33
3.7　錯(cuò)誤顯示樣式　35
3.8　自定義驗(yàn)證——?jiǎng)?chuàng)建屬于你的vtype　36
3.9　屏蔽——限制鍵盤輸入　37
3.10　單選按鈕和復(fù)選框　38
3.10.1　這是單選按鈕，不是普通的按鈕　38
3.10.2　X標(biāo)記的復(fù)選框　38
3.11　組合框　39
3.12　文本域和HTML編輯器　42
3.13　表單字段域的事件偵聽　43
3.14　按鈕和表單行為　46
3.14.1　表單提交　47
3.14.2　回復(fù)消息——服務(wù)器響應(yīng)　47
3.15　加載表單數(shù)據(jù)　50
3.16　選擇對(duì)象引用還是組件配置　51
3.16.1　實(shí)例化　52
3.16.2　組件配置　52
3.17　小結(jié)　52
第4章　按鈕、菜單和工具欄　53
4.1　工具欄的應(yīng)用場(chǎng)景　53
4.2　工具欄　53
4.2.1　標(biāo)準(zhǔn)按鈕　55
4.2.2　菜單按鈕　55
4.2.3　分隔按鈕　56
4.2.4　工具欄的工具項(xiàng)對(duì)齊、分隔符和空格符　57
4.2.5　快捷元素　58
4.2.6　圖標(biāo)按鈕　58
4.2.7　按鈕處理函數(shù)——單擊這里　59
4.3　單擊菜單項(xiàng)加載內(nèi)容　60
4.4　工具欄中的表單字段域　62
4.5　窗體、網(wǎng)格和面板中的工具欄　62
4.6　小結(jié)　64
第5章　基于網(wǎng)格顯示數(shù)據(jù)　65
5.1　什么是網(wǎng)格　65
5.2　基于網(wǎng)格顯示結(jié)構(gòu)化數(shù)據(jù)　66
5.2.1　創(chuàng)建一個(gè)數(shù)據(jù)存儲(chǔ)　66
5.2.2　添加數(shù)據(jù)到數(shù)據(jù)存儲(chǔ)　67
5.2.3　在數(shù)據(jù)存儲(chǔ)中定義數(shù)據(jù)　68
5.2.4　指定數(shù)據(jù)類型　69
5.3　顯示網(wǎng)格面板　70
5.3.1　它是怎樣工作的　71
5.3.2　網(wǎng)格面板配置　71
5.4　定義網(wǎng)格的列模型　72
5.5　單元格呈現(xiàn)函數(shù)　73
5.5.1　使用內(nèi)置的單元格呈現(xiàn)函數(shù)格式化數(shù)據(jù)　73
5.5.2　創(chuàng)建查找數(shù)據(jù)存儲(chǔ)——自定義單元格呈現(xiàn)函數(shù)　73
5.5.3　組合兩列　74
5.5.4　使用HTML和圖形　75
5.6　內(nèi)置功能　76
5.6.1　客戶端排序　76
5.6.2　隱藏/顯示列　76
5.6.3　列重新排列　77
5.7　在網(wǎng)格中顯示服務(wù)端數(shù)據(jù)　78
5.7.1　使用XML格式文件加載電影數(shù)據(jù)　78
5.7.2　從JSON格式文件加載電影數(shù)據(jù)　80
5.7.3　使用PHP加載數(shù)據(jù)庫數(shù)據(jù)　81
5.8　網(wǎng)格編程　82
5.8.1　使用行與列的選擇　82
5.8.2　為選擇操作偵聽選擇模型　83
5.8.3　通過編碼操作網(wǎng)格(及其數(shù)據(jù))　84
5.8.4　單擊按鈕編輯網(wǎng)格　84
5.9　高級(jí)網(wǎng)格格式化　85
5.9.1　網(wǎng)格分頁　86
5.9.2　分組　88
5.9.3　分組存儲(chǔ)器　88
5.10　小結(jié)　89
第6章　網(wǎng)格編輯器　91
6.1　可編輯網(wǎng)格可以做什么　91
6.2　使用可編輯的網(wǎng)格　92
6.2.1　編輯更多單元格數(shù)據(jù)　94
6.2.2　編輯更多的字段域類型　94
6.2.3　響應(yīng)單元格編輯　96
6.2.4　在數(shù)據(jù)存儲(chǔ)中添加和刪除　98
6.3　將已編輯數(shù)據(jù)保存到服務(wù)器　102
6.3.1　將更新數(shù)據(jù)發(fā)送到服務(wù)器　102
6.3.2　從服務(wù)器刪除數(shù)據(jù)　103
6.3.3　將新行保存到服務(wù)器　104
6.4　小結(jié)　106
第7章　布局　107
7.1　什么是布局、區(qū)域和視口　107
7.1.1　第一個(gè)布局　109
7.1.2　分隔區(qū)域　110
7.1.3　更多選項(xiàng)　110
7.2　標(biāo)簽面板　112
7.3　小部件無處不在　113
7.4　折疊面板　115
7.4.1　標(biāo)簽面板中嵌套折疊面板　115
7.4.2　在布局中添加工具欄　117
7.4.3　添加新影片的表單　118
7.5　高級(jí)布局和技巧　119
7.5.1　嵌套的布局　120
7.5.2　標(biāo)簽面板中的圖標(biāo)　121
7.5.3　編程式操作布局　122
7.5.4　切換可視化狀態(tài)　122
7.5.5　創(chuàng)建另一個(gè)標(biāo)簽　123
7.6　小結(jié)　123
第8章　Ext JS培育的樹　125
8.1　培育未來　125
8.2　從播種開始　126
8.3　第一棵幼苗　126
8.4　沒有數(shù)據(jù)充當(dāng)土壤，樹將無法成長(zhǎng)　128
8.4.1　JSON　128
8.4.2　XML　129
8.5　樹的培育過程　130
8.5.1　拖放　130
8.5.2　排序　132
8.5.3　編輯　133
8.6　修整和修剪　134
8.6.1　選擇模型　134
8.6.2　基于右鍵菜單整合多個(gè)功能　135
8.6.3　過濾　137
8.7　根節(jié)點(diǎn)　138
8.7.1　樹的操作　140
8.7.2　事件捕獲　141
8.7.3　記住狀態(tài)　142
8.8　小結(jié)　143
第9章　窗體和對(duì)話框　145
9.1　打開對(duì)話框　145
9.2　對(duì)話框　146
9.2.1　“現(xiàn)貨供應(yīng)”　146
9.2.2　按需定制　149
9.3　窗體　152
9.3.1　入門范例　152
9.3.2　面板高級(jí)功能　153
9.3.3　配置　154
9.3.4　窗體控制　157
9.3.5　事件　158
9.3.6　狀態(tài)處理　158
9.4　窗體管理器　159
9.4.1　窗體管理器默認(rèn)行為　159
9.4.2　多窗體實(shí)例　160
9.4.3　客戶服務(wù)窗體組　163
9.5　小結(jié)　164
第10章　特效　167
10.1　基本介紹　167
10.1.1　炫麗特性　168
10.1.2　讓特效提升用戶體驗(yàn)　168
10.2　Fxcellent函數(shù)　168
10.2.1　演繹瘋狂，井然有序　168
10.2.2　有趣的標(biāo)準(zhǔn)配置對(duì)象　174
10.3　深入Fx內(nèi)部　175
10.3.1　基于Ext的定位　175
10.3.2　配置項(xiàng)　176
10.4　多重特效　178
10.4.1　鏈?zhǔn)健?78
10.4.2　排隊(duì)　179
10.5　基于Ext.Element的特效　180
10.5.1　移動(dòng)　180
10.5.2　使用Ext組件　181
10.6　炫麗登場(chǎng)　181
10.6.1　提示？屏蔽？　181
10.6.2　快捷提示　183
10.7　小結(jié)　184
第11章　拖曳　187
11.1　基于拖放完成操作　187
11.2　拖曳的生命周期　188
11.2.1　拖曳源　188
11.2.2　“把我放下”　189
11.3　傻瓜式交互　190
11.4　一個(gè)有趣的注冊(cè)例子　193
11.5　高級(jí)應(yīng)用　193
11.5.1　DataView拖曳　194
11.5.2　處理拖曳數(shù)據(jù)　195
11.5.3　代理和元數(shù)據(jù)　196
11.5.4　放入詳細(xì)信息　196
11.6　拖曳分組　197
11.7　考察細(xì)節(jié)　198
11.7.1　配置　198
11.7.2　一切盡在掌控之中　198
11.8　管理移動(dòng)過程　199
11.9　滾動(dòng)管理　200
11.10　在組件中拖曳　201
11.10.1　樹形面板　201
11.10.2　網(wǎng)格面板　201
11.10.3　真實(shí)應(yīng)用　202
11.11　小結(jié)　202
第12章　關(guān)于數(shù)據(jù)　205
12.1　理解數(shù)據(jù)格式　205
12.1.1　基本遠(yuǎn)程面板數(shù)據(jù)　205
12.1.2　獲取HTML數(shù)據(jù)　208
12.2　數(shù)據(jù)存儲(chǔ)對(duì)象　210
12.3　使用DataReader映射數(shù)據(jù)　215
12.4　獲取想要的信息：查找數(shù)據(jù)　219
12.5　獲取想要的信息：過濾數(shù)據(jù)　220
12.6　處理記錄集修改　227
12.7　Store對(duì)象的廣泛應(yīng)用　229
12.7.1　組合框中的Store　229
12.7.2　DataView中的Store　230
12.7.3　網(wǎng)格中的Store　230
12.8　小結(jié)　231
第13章　代碼重用：擴(kuò)展Ext JS　233
13.1　面向?qū)ο蟮腏avaScript　233
13.2　基于Ext JS的面向?qū)ο缶幊獭?34
13.2.1　繼承　234
13.2.2　從簡(jiǎn)單的例子開始　235
13.2.3　聽起來很酷，但繼承有什么用呢　236
13.3　理解包、類和命名空間　237
13.3.1　包　237
13.3.2　類　237
13.3.3　命名空間　237
13.3.4　接下來介紹什么　238
13.4　擴(kuò)展什么　238
13.5　創(chuàng)建自定義命名空間　238
13.6　第一個(gè)自定義類　239
13.7　方法覆寫　243
13.8　了解事件執(zhí)行順序　243
13.9　創(chuàng)建自定義事件　245
13.10　完成第一個(gè)自定義組件　247
13.11　下一個(gè)步驟是分解　250
13.12　使用xtype：延遲實(shí)例化的好處　255
13.13　在其他對(duì)象中嵌入自定義組件　255
13.14　小結(jié)　256
第14章　強(qiáng)大的Ext JS：更多功能　259
14.1　學(xué)無止境　259
14.2　表單小部件　259
14.2.1　日期字段域　260
14.2.2　時(shí)間字段域　261
14.2.3　數(shù)值字段域　262
14.2.4　復(fù)選分組和單選分組　262
14.2.5　HTML編輯器　263
14.3　數(shù)據(jù)格式化　264
14.3.1　基本字符串格式化　264
14.3.2　日期格式化　265
14.3.3　其他格式化　266
14.4　管理應(yīng)用狀態(tài)　267
14.4.1　基本“狀態(tài)”管理　267
14.4.2　如何得到某個(gè)窗體　268
14.4.3　在Ext JS應(yīng)用中使用后退按鈕　268
14.5　訪問DOM　269
14.5.1　查找DOM元素　269
14.5.2　操作DOM　269
14.5.3　處理樣式　270
14.6　Ext JS對(duì)桌面應(yīng)用的支持：Adobe AIR　270
14.7　Ext JS社區(qū)提供的擴(kuò)展　272
14.7.1　DatePickerPlus　272
14.7.2　PowerWizard　272
14.7.3　TinyMCE　272
14.7.4　SwfUploadPanel　273
14.7.5　ColorPicker　273
14.8　更多資源　274
14.8.1　示例和演示　274
14.8.2　Ext JS API文檔　274
14.8.3　Ext JS論壇　275
14.8.4　“手把手”教程　275
14.8.5　社區(qū)手冊(cè)　275
14.8.6　Spket IDE　275
14.8.7　Aptana Studio　275
14.8.8　Google　276
14.9　小結(jié)　276
14.10　何去何從　276