前　言
第一部分　準　備　篇
第1章　Sencha Touch 2.0概述 / 2
1.1　認識Sencha Touch / 2
1.1.1　Sencha Touch框架的特性 / 2
1.1.2　Sencha Touch 2.0中的新特性 / 3
1.2　Sencha Touch 2.0框架 / 4
1.2.1　搭建學習環境 / 4
1.2.2　開發包中的內容 / 10
1.2.3　第一個Sencha Touch 2.0示例頁麵 / 11
1.3　構建及發布應用程序 / 13
1.3.1　Sencha Touch 2.0中的動態加載技術 / 13
1.3.2　幾種核心腳本文件之間的區彆 / 14
1.3.3　構建應用程序時執行的處理 / 14
1.3.4　發布應用程序 / 16
1.4　本章小結 / 17
第2章　Sencha Touch 2.0基礎知識 / 18
2.1　一個簡單的示例頁麵 / 18
2.2　配置對象與配置選項 / 19
2.3　應用程序的命名與啓動 / 21
2.4　Sencha Touch 2.0中的麵闆組件 / 22
2.4.1　如何創建麵闆組件 / 22
2.4.2　Viewport組件 / 23
2.5　對DOM的訪問及控製 / 23
2.5.1　Ext.get方法的使用 / 24
2.5.2　Ext.ComponentManager.get方法的使用 / 24
2.5.3　Ext.fly方法的使用 / 25
2.6　本章小結 / 26
第二部分　基　礎　篇
第3章　麵闆與布局 / 28
3.1　在麵闆組件中放置圖片 / 28
3.1.1　示例代碼及配置選項 / 28
3.1.2　Sencha Touch 2.0中的圖片組件 / 30
3.1.3　Sencha Touch 2.0中的事件監聽器及事件處理函數 / 30
3.1.4　Sencha Touch 2.0中的動態加載技術 / 31
3.2　Tab麵闆組件 / 33
3.2.1　Tab麵闆組件的使用及示例 / 33
3.2.2　Tab麵闆組件的配置選項 / 35
3.2.3　Sencha Touch 2.0中的內置圖標 / 36
3.3　Sencha Touch 2.0中的常用布局 / 38
3.3.1　盒布局 / 38
3.3.2　Fit布局 / 42
3.3.3　Card布局 / 44
3.3.4　容器內部組件的停靠 / 47
3.4　Carousel組件 / 49
3.4.1　Carousel組件的使用及示例 / 49
3.4.2　容器組件的defaults配置選項 / 51
3.4.3　Carousel組件的常用方法 / 52
3.5　NavigationView組件 / 53
3.5.1　NavigationView組件的使用及示例 / 53
3.5.2　配置NavigationView組件的標題欄 / 55
3.6　xtype配置選項 / 56
3.6.1　xtype配置選項的使用及示例 / 56
3.6.2　使用getComponent方法獲取容器中的子組件 / 58
3.6.3　重要組件的xtype值及作用 / 59
3.7　本章小結 / 60
第4章　錶單及錶單域組件 / 61
4.1　一個最簡單的錶單示例 / 61
4.1.1　錶單的核心組件 / 61
4.1.2　第一個錶單使用示例 / 62
4.1.3　錶單所用配置選項 / 63
4.1.4　Sencha Touch 2.0中的滾動 / 67
4.2　Sencha Touch 2.0中的特殊輸入組件 / 69
4.2.1　密碼輸入組件 / 69
4.2.2　數值輸入組件 / 70
4.2.3　Spinner組件 / 71
4.2.4　Email輸入組件 / 72
4.2.5　Url輸入組件 / 73
4.2.6　TextArea組件 / 74
4.2.7　Search組件 / 75
4.3　單選框與復選框組件 / 76
4.3.1　單選框組件 / 76
4.3.2　復選框組件 / 80
4.4　選取框組件 / 81
4.4.1　選取框組件的使用示例 / 81
4.4.2　選取框組件所用配置選項 / 83
4.5　使用數據倉庫裝載選取框 / 84
4.5.1　什麼是數據倉庫 / 84
4.5.2　使用本地數據裝載選取框 / 86
4.5.3　代理與閱讀器 / 88
4.5.4　使用服務器端數據裝載選取框 / 89
4.6　日期選擇組件 / 91
4.6.1　日期選擇組件使用示例 / 91
4.6.2　日期選擇組件所用配置選項 / 92
4.7　滑動條組件 / 94
4.7.1　滑動條組件使用示例 / 94
4.7.2　滑動條組件所用配置選項 / 95
4.7.3　setValue方法與getValue方法 / 95
4.8　Toggle組件 / 95
4.9　Hidden組件 / 96
4.10　本章小結 / 97
第5章　錶單驗證及提交 / 98
5.1　Sencha Touch 2.0中的按鈕 / 98
5.1.1　按鈕的使用及示例 / 98
5.1.2　修改按鈕的樣式 / 99
5.1.3　定義按鈕的功能 / 102
5.2　錶單驗證 / 103
5.2.1　實現錶單的AJAX異步提交 / 103
5.2.2　使用Sencha Touch 2.0中的內置驗證 / 108
5.2.3　服務器端驗證及驗證成功後數據的追加 / 114
5.3裝載錶單數據 / 115
5.3.1裝載本地數據 / 115
5.3.2裝載服務器端數據 / 117
5.3.3修改服務器端數據 / 120
5.3.4　刪除服務器端數據 / 123
5.4　將錶單設定為無效狀態 / 125
5.5　本章小結 / 126
第6章工具條 / 127
6.1　工具條組件的使用及示例 / 127
6.2　segmentedButton組件 / 128
6.2.1在工具條中放置segmentedButton組件示例 / 129
6.2.2segmentedButton組件的配置選項 / 130
6.3工具條的對齊方式與分隔符 / 131
6.3.1工具條右對齊示例 / 131
6.3.2在子組件中插入間隔距離示例 / 132
6.4　在工具條中使用圖標按鈕 / 133
6.4.1使用自定義圖標按鈕 / 133
6.4.2使用Sencha Touch 2.0中的內置圖標按鈕 / 135
6.5　在工具條中使用錶單域組件 / 135
6.6　標題條組件 / 138
6.6.1標題條組件與工具條組件的區彆 / 138
6.6.2　標題條組件的使用示例 / 139
6.7本章小結 / 139
第7章　XTemplate模闆與DomHelper組件 / 141
7.1　XTemplate模闆 / 141
7.1.1　定義XTemplate模闆 / 141
7.1.2在模闆中使用數組 / 144
7.1.3　在模闆中使用操作符 / 148
7.1.4　在模闆中使用內置變量 / 149
7.1.5在模闆中使用自定義函數 / 151
7.2　DomHelper組件 / 153
7.2.1使用append方法追加元素 / 153
7.2.2　使用overwrite方法重寫元素 / 155
7.2.3　在指定位置處追加與刪除元素 / 156
7.3　本章小結 / 162
第8章DataView組件 / 163
8.1DataView組件的基本功能 / 163
8.1.1DataView組件的使用及示例 / 163
8.1.2對DataView組件使用樣式 / 166
8.1.3　將DataView組件中的數據進行排序 / 168
8.1.4　DataView組件的選取方式 / 171
8.2　DataView組件的常用事件 / 171
8.2.1　itemsingletap事件、itemdoubletab事件與itemtap事件 / 171
8.2.2　itemswipe事件 / 173
8.2.3　refresh事件 / 175
8.2.4　selectionchange事件與deselect事件 / 177
8.3使用DataView組件製作一覽錶 / 183
8.3.1製作一覽錶的步驟 / 183
8.3.2為一覽錶添加排序功能 / 185
8.3.3為一覽錶添加搜索功能 / 189
8.4使用DataView組件顯示服務器端數據 / 193
8.4.1顯示XML文件中的數據 / 193
8.4.2顯示JSON文件中的數據 / 197
8.4.3顯示服務器端數據庫中的數據 / 198
8.4.4對服務器端的數據進行分頁 / 200
8.4.5在服務器端對數據進行排序 / 206
8.4.6對數據庫中的數據進行搜索 / 212
8.5使用代理管理數據 / 223
8.5.1Memory代理 / 223
8.5.2SessionStorage代理 / 235
8.5.3LocalStorage代理 / 240
8.5.4Ajax代理 / 241
8.5.5Rest代理 / 247
8.6　Operation對象的使用方法 / 253
8.6.1通過Operation對象插入url參數 / 253
8.6.2獲取分頁數據 / 255
8.6.3　對服務器端數據進行排序與過濾 / 260
8.7獲取異域數據 / 263
8.7.1通過JsonP代理獲取異域數據 / 264
8.7.2利用Ext.data.JsonP對象獲取異域數據 / 268
8.8　本章小結 / 275
第9章List組件 / 276
9.1List組件的基本功能 / 276
9.1.1使用List組件在頁麵上顯示列錶 / 276
9.1.2itemDisclosure事件 / 277
9.1.3在List組件中使用索引欄 / 279
9.1.4ListPagingView插件 / 280
9.2將List組件中的數據進行分組 / 282
9.2.1使用grouper配置選項進行分組 / 283
9.2.2動態設置List組件的分組方式 / 286
9.2.3動態更新數據時List組件的自動分組 / 287
9.3nestedList組件 / 289
9.3.1nestedList組件的使用及示例 / 290
9.3.2顯示服務器端文件夾及文件列錶 / 297
9.3.3顯示服務器端數據庫中的數據 / 302
9.4本章小結 / 307
第10章地圖與多媒體 / 308
10.1　利用Map組件在頁麵中顯示Google地圖 / 308
10.1.1　Map組件的使用及示例 / 308
10.1.2　Ext.util.Geolocation類的使用及示例 / 309
10.2利用Video組件播放視頻文件 / 313
10.2.1　Video組件的使用及示例 / 313
10.2.2　控製視頻的主要的方法 / 315
10.3利用Audio組件播放音頻文件 / 317
10.3.1　Audio組件的使用及示例 / 317
10.3.2　控製音頻的主要方法 / 318
10.4本章小結 / 320
第11章使用具有關聯關係的模型 / 321
11.1定義具有關聯關係的模型 / 321
11.2定義具有一對多關係的模型 / 322
11.2.1　一對多關係模型的使用示例 / 323
11.2.2使用子模型的數據倉庫存取數據 / 326
11.2.3　定製父模型的過濾器 / 337
11.3　定義具有多對一關係的模型 / 343
11.3.1　多對一關係的模型的使用示例 / 343
11.3.2　通過子模型的getter方法獲取父模型的記錄 / 346
11.3.3　通過子模型的setter方法設置關聯id / 351
11.4　定義具有一對一關係的模型 / 361
11.4.1　通過模型的getter方法獲取其關聯模型的記錄 / 361
11.4.2　通過模型的setter方法設置關聯id / 363
11.5　在同一個模型內部建立關聯關係 / 364
11.6　本章小結 / 369
第12章Sencha Touch 2.0中的Ext Direct API / 370
12.1　服務器端提供的組件 / 370
12.1.1　配置 / 370
12.1.2　API / 372
12.1.3　路由 / 372
12.2　Sencha Touch 2.0中的Provider / 374
12.2.1　PollingProvider方法的使用及示例 / 374
12.2.2　RemotingProvider方法的使用及示例 / 377
12.3　 Direct代理 / 387
12.3.1　Direct代理的使用示例 / 388
12.3.2　在Direct代理所使用的方法中提交命名參數 / 391
12.4　DirectStore數據倉庫 / 394
12.5　本章小結 / 402
第13章　自適應尺寸的Sheet組件 / 403
13.1　Sheet組件簡介 / 403
13.2　ActionSheet組件的使用及示例 / 403
13.3　Sencha Touch 2.0中的提示信息框 / 406
13.3.1　提示信息框 / 406
13.3.2　確認信息框 / 408
13.3.3　Ext.Msg.show方法 / 409
13.4　Picker組件的使用及示例 / 411
13.5　使用DatePicker組件選取日期 / 417
13.6　本章小結 / 419
第14章　Sencha Touch 2.0中的樣式與主題 / 420
14.1　利用配置選項設置單個組件的樣式 / 420
14.2　Sencha Touch 2.0中的內置主題 / 421
14.2.1　重載默認主題中組件的樣式 / 421
14.2.2　修改Sencha Touch 2.0中的內置主題 / 422
14.3　利用SASS定製Sencha Touch 2.0的主題 / 423
14.3.1　安裝SASS和Compass / 423
14.3.2　在Sencha Touch 2.0中使用SASS / 424
14.3.3　修改Sencha Touch 2.0默認主題中的變量 / 425
14.4　SCSS樣式錶文件 / 426
14.4.1　SCSS提供的高級特性 / 426
14.4.2　Sencha Touch 2.0提供的mixin / 431
14.4.3　編譯SCSS樣式錶文件 / 432
14.4.4　應用SCSS樣式錶文件定製主題示例 / 433
14.4.5　SCSS樣式錶文件中自定義組件樣式的示例 / 434
14.5　本章小結 / 436
第15章　創建自定義組件與MVC模式的應用程序 / 437
15.1　實現自定義組件 / 437
15.1.1　Sencha Touch 2.0中的包與命名空間 / 437
15.1.2　創建自定義組件 / 438
15.1.3　為自定義組件添加自定義方法 / 441
15.2　使用命令行工具創建及部署MVC模式的應用程序 / 443
15.2.1　命令行工具的安裝及使用 / 443
15.2.2　創建MVC模式的應用程序 / 444
15.2.3　部署MVC模式的應用程序 / 446
15.2.4　頁麵文件與腳本文件分析 / 447
15.2.5　應用程序中的默認命名約定 / 450
15.2.6　應用程序啓動時的函數調用順序 / 451
15.3　創建視圖與控製器 / 452
15.3.1創建應用程序的主視圖 / 452
15.3.2創建應用程序的主控製器 / 453
15.3.3通過控製器實現用戶與應用程序之間的交互 / 454
15.4　在控製器中指定路由 / 457
15.4.1　通過routes配置選項指定路由 / 458
15.4.2　在路由中使用參數 / 464
15.4.3　通過before配置選項攔截路由方法的執行 / 467
15.5　設備配置文件 / 474
15.5.1　檢測應用程序當前所用的設備配置文件 / 474
15.5.2　為應用程序編製設備配置文件 / 475
15.5.3　在設備配置文件中使用launch函數 / 476
15.5.4　為設備單獨編寫視圖 / 477
15.5.5　將各種視圖在不同的設備中以不同的方式進行結閤 / 480
15.5.6　為設備單獨編寫控製器 / 487
15.6　本章小結 / 491
第三部分　綜 閤 案 例
第16章　綜閤應用案例 / 494
16.1　應用程序的所有文件及其路徑 / 494
16.2　應用程序的頁麵文件與腳本文件 / 496
16.3　利用SASS定製樣式主題 / 498
16.4　設備配置文件 / 500
16.5　模型與數據倉庫 / 501
16.6　視圖與控製器 / 508
16.6.1　應用程序的主視圖 / 508
16.6.2　用戶注冊/登錄視圖與控製器 / 510
16.6.3　展示視圖及其控製器 / 516
16.6.4　書籍列錶展示視圖與控製器 / 524
16.6.5　書籍信息編輯視圖與控製器 / 534
16.7　本章小結 / 540
· · · · · · (收起)