Sencha Touch權(quán)威指南

前　言

第一部分　準(zhǔn)備篇
第1章　Sencha Touch 2.0概述
1.1　認(rèn)識(shí)Sencha Touch　
1.1.1　Sencha Touch框架的特性
1.1.2　Sencha Touch 2.0中的新特性
1.2　Sencha Touch 2.0框架
1.2.1　搭建學(xué)習(xí)環(huán)境
1.2.2　開(kāi)發(fā)包中的內(nèi)容
1.2.3　第一個(gè)Sencha Touch 2.0示例頁(yè)面
1.3　構(gòu)建及發(fā)布應(yīng)用程序
1.3.1　Sencha Touch 2.0中的動(dòng)態(tài)加載技術(shù)
1.3.2　幾種核心腳本文件之間的區(qū)別
1.3.3　構(gòu)建應(yīng)用程序時(shí)執(zhí)行的處理
1.3.4　發(fā)布應(yīng)用程序
1.4　本章小結(jié)
第2章　Sencha Touch 2.0基礎(chǔ)知識(shí)
2.1　一個(gè)簡(jiǎn)單的示例頁(yè)面
2.2　配置對(duì)象與配置選項(xiàng)
2.3　應(yīng)用程序的命名與啟動(dòng)
2.4　Sencha Touch 2.0中的面板組件
2.4.1　如何創(chuàng)建面板組件
2.4.2　Viewport組件
2.5　對(duì)DOM的訪問(wèn)及控制
2.5.1　Ext.get方法的使用
2.5.2　Ext.ComponentManager.get方法的使用
2.5.3　Ext.fly方法的使用
2.6　本章小結(jié)

第二部分　基　礎(chǔ)　篇
第3章　面板與布局
3.1　在面板組件中放置圖片
3.1.1　示例代碼及配置選項(xiàng)
3.1.2　Sencha Touch 2.0中的圖片組件
3.1.3　Sencha Touch 2.0中的事件監(jiān)聽(tīng)器及事件處理函數(shù)
3.1.4　Sencha Touch 2.0中的動(dòng)態(tài)加載技術(shù)
3.2　Tab面板組件
3.2.1　Tab面板組件的使用及示例
3.2.2　Tab面板組件的配置選項(xiàng)
3.2.3　Sencha Touch 2.0中的內(nèi)置圖標(biāo)
3.3　Sencha Touch 2.0中的常用布局
3.3.1　盒布局
3.3.2　Fit布局
3.3.3　Card布局
3.3.4　容器內(nèi)部組件的?？?
3.4　Carousel組件
3.4.1　Carousel組件的使用及示例
3.4.2　容器組件的defaults配置選項(xiàng)
3.4.3　Carousel組件的常用方法
3.5　NavigationView組件
3.5.1　NavigationView組件的使用及示例
3.5.2　配置NavigationView組件的標(biāo)題欄
3.6　xtype配置選項(xiàng)
3.6.1　xtype配置選項(xiàng)的使用及示例
3.6.2　使用getComponent方法獲取容器中的子組件
3.6.3　重要組件的xtype值及作用
3.7　本章小結(jié)
第4章　表單及表單域組件
4.1　一個(gè)最簡(jiǎn)單的表單示例
4.1.1　表單的核心組件
4.1.2　第一個(gè)表單使用示例
4.1.3　表單所用配置選項(xiàng)
4.1.4　Sencha Touch 2.0中的滾動(dòng)
4.2　Sencha Touch 2.0中的特殊輸入組件
4.2.1　密碼輸入組件
4.2.2　數(shù)值輸入組件
4.2.3　Spinner組件
4.2.4　Email輸入組件
4.2.5　Url輸入組件
4.2.6　TextArea組件
4.2.7　Search組件
4.3　單選框與復(fù)選框組件
4.3.1　單選框組件
4.3.2　復(fù)選框組件
4.4　選取框組件
4.4.1　選取框組件的使用示例
4.4.2　選取框組件所用配置選項(xiàng)
4.5　使用數(shù)據(jù)倉(cāng)庫(kù)裝載選取框
4.5.1　什么是數(shù)據(jù)倉(cāng)庫(kù)
4.5.2　使用本地?cái)?shù)據(jù)裝載選取框
4.5.3　代理與閱讀器
4.5.4　使用服務(wù)器端數(shù)據(jù)裝載選取框
4.6　日期選擇組件
4.6.1　日期選擇組件使用示例
4.6.2　日期選擇組件所用配置選項(xiàng)
4.7　滑動(dòng)條組件
4.7.1　滑動(dòng)條組件使用示例
4.7.2　滑動(dòng)條組件所用配置選項(xiàng)
4.7.3　setValue方法與getValue方法
4.8　Toggle組件
4.9　Hidden組件
4.10　本章小結(jié)
第5章　表單驗(yàn)證及提交
5.1　Sencha Touch 2.0中的按鈕
5.1.1　按鈕的使用及示例
5.1.2　修改按鈕的樣式
5.1.3　定義按鈕的功能
5.2　表單驗(yàn)證
5.2.1　實(shí)現(xiàn)表單的AJAX異步提交
5.2.2　使用Sencha Touch 2.0中的內(nèi)置驗(yàn)證
5.2.3　服務(wù)器端驗(yàn)證及驗(yàn)證成功后數(shù)據(jù)的追加
5.3裝載表單數(shù)據(jù)
5.3.1裝載本地?cái)?shù)據(jù)
5.3.2裝載服務(wù)器端數(shù)據(jù)
5.3.3修改服務(wù)器端數(shù)據(jù)
5.3.4　刪除服務(wù)器端數(shù)據(jù)
5.4　將表單設(shè)定為無(wú)效狀態(tài)
5.5　本章小結(jié)
第6章工具條
6.1　工具條組件的使用及示例
6.2　segmentedButton組件
6.2.1在工具條中放置segmentedButton組件示例
6.2.2segmentedButton組件的配置選項(xiàng)
6.3工具條的對(duì)齊方式與分隔符
6.3.1工具條右對(duì)齊示例
6.3.2在子組件中插入間隔距離示例
6.4　在工具條中使用圖標(biāo)按鈕
6.4.1使用自定義圖標(biāo)按鈕
6.4.2使用Sencha Touch 2.0中的內(nèi)置圖標(biāo)按鈕
6.5　在工具條中使用表單域組件
6.6　標(biāo)題條組件
6.6.1標(biāo)題條組件與工具條組件的區(qū)別
6.6.2　標(biāo)題條組件的使用示例
6.7本章小結(jié)
第7章　XTemplate模板與DomHelper組件
7.1　XTemplate模板
7.1.1　定義XTemplate模板
7.1.2在模板中使用數(shù)組
7.1.3　在模板中使用操作符
7.1.4　在模板中使用內(nèi)置變量
7.1.5在模板中使用自定義函數(shù)
7.2　DomHelper組件
7.2.1使用append方法追加元素
7.2.2　使用overwrite方法重寫(xiě)元素
7.2.3　在指定位置處追加與刪除元素
7.3　本章小結(jié)
第8章DataView組件
8.1DataView組件的基本功能
8.1.1DataView組件的使用及示例
8.1.2對(duì)DataView組件使用樣式
8.1.3　將DataView組件中的數(shù)據(jù)進(jìn)行排序
8.1.4　DataView組件的選取方式
8.2　DataView組件的常用事件
8.2.1　itemsingletap事件、itemdoubletab事件與itemtap事件
8.2.2　itemswipe事件
8.2.3　refresh事件
8.2.4　selectionchange事件與deselect事件
8.3使用DataView組件制作一覽表
8.3.1制作一覽表的步驟
8.3.2為一覽表添加排序功能
8.3.3為一覽表添加搜索功能
8.4使用DataView組件顯示服務(wù)器端數(shù)據(jù)
8.4.1顯示XML文件中的數(shù)據(jù)
8.4.2顯示JSON文件中的數(shù)據(jù)
8.4.3顯示服務(wù)器端數(shù)據(jù)庫(kù)中的數(shù)據(jù)
8.4.4對(duì)服務(wù)器端的數(shù)據(jù)進(jìn)行分頁(yè)
8.4.5在服務(wù)器端對(duì)數(shù)據(jù)進(jìn)行排序
8.4.6對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行搜索
8.5使用代理管理數(shù)據(jù)
8.5.1Memory代理
8.5.2SessionStorage代理
8.5.3LocalStorage代理
8.5.4Ajax代理
8.5.5Rest代理
8.6　Operation對(duì)象的使用方法
8.6.1通過(guò)Operation對(duì)象插入url參數(shù)
8.6.2獲取分頁(yè)數(shù)據(jù)
8.6.3　對(duì)服務(wù)器端數(shù)據(jù)進(jìn)行排序與過(guò)濾
8.7獲取異域數(shù)據(jù)
8.7.1通過(guò)JsonP代理獲取異域數(shù)據(jù)
8.7.2利用Ext.data.JsonP對(duì)象獲取異域數(shù)據(jù)
8.8　本章小結(jié)
第9章List組件
9.1List組件的基本功能
9.1.1使用List組件在頁(yè)面上顯示列表
9.1.2itemDisclosure事件
9.1.3在List組件中使用索引欄
9.1.4ListPagingView插件
9.2將List組件中的數(shù)據(jù)進(jìn)行分組
9.2.1使用grouper配置選項(xiàng)進(jìn)行分組
9.2.2動(dòng)態(tài)設(shè)置List組件的分組方式
9.2.3動(dòng)態(tài)更新數(shù)據(jù)時(shí)List組件的自動(dòng)分組
9.3nestedList組件
9.3.1nestedList組件的使用及示例
9.3.2顯示服務(wù)器端文件夾及文件列表
9.3.3顯示服務(wù)器端數(shù)據(jù)庫(kù)中的數(shù)據(jù)
9.4本章小結(jié)
第10章地圖與多媒體
10.1　利用Map組件在頁(yè)面中顯示Google地圖
10.1.1　Map組件的使用及示例　　
10.1.2　Ext.util.Geolocation類(lèi)的使用及示例
10.2利用Video組件播放視頻文件
10.2.1　Video組件的使用及示例
10.2.2　控制視頻的主要的方法
10.3利用Audio組件播放音頻文件
10.3.1　Audio組件的使用及示例
10.3.2　控制音頻的主要方法
10.4本章小結(jié)
第11章使用具有關(guān)聯(lián)關(guān)系的模型
11.1定義具有關(guān)聯(lián)關(guān)系的模型
11.2定義具有一對(duì)多關(guān)系的模型
11.2.1　一對(duì)多關(guān)系模型的使用示例
11.2.2使用子模型的數(shù)據(jù)倉(cāng)庫(kù)存取數(shù)據(jù)
11.2.3　定制父模型的過(guò)濾器
11.3　定義具有多對(duì)一關(guān)系的模型
11.3.1　多對(duì)一關(guān)系的模型的使用示例
11.3.2　通過(guò)子模型的getter方法獲取父模型的記錄
11.3.3　通過(guò)子模型的setter方法設(shè)置關(guān)聯(lián)id
11.4　定義具有一對(duì)一關(guān)系的模型
11.4.1　通過(guò)模型的getter方法獲取其關(guān)聯(lián)模型的記錄
11.4.2　通過(guò)模型的setter方法設(shè)置關(guān)聯(lián)id
11.5　在同一個(gè)模型內(nèi)部建立關(guān)聯(lián)關(guān)系
11.6　本章小結(jié)
第12章Sencha Touch 2.0中的Ext Direct API
12.1　服務(wù)器端提供的組件
12.1.1　配置
12.1.2　API
12.1.3　路由
12.2　Sencha Touch 2.0中的Provider
12.2.1　PollingProvider方法的使用及示例
12.2.2　RemotingProvider方法的使用及示例
12.3　 Direct代理
12.3.1　Direct代理的使用示例
12.3.2　在Direct代理所使用的方法中提交命名參數(shù)
12.4　DirectStore數(shù)據(jù)倉(cāng)庫(kù)
12.5　本章小結(jié)
第13章　自適應(yīng)尺寸的Sheet組件
13.1　Sheet組件簡(jiǎn)介
13.2　ActionSheet組件的使用及示例
13.3　Sencha Touch 2.0中的提示信息框
13.3.1　提示信息框
13.3.2　確認(rèn)信息框
13.3.3　Ext.Msg.show方法
13.4　Picker組件的使用及示例
13.5　使用DatePicker組件選取日期
13.6　本章小結(jié)
第14章　Sencha Touch 2.0中的樣式與主題
14.1　利用配置選項(xiàng)設(shè)置單個(gè)組件的樣式
14.2　Sencha Touch 2.0中的內(nèi)置主題
14.2.1　重載默認(rèn)主題中組件的樣式
14.2.2　修改Sencha Touch 2.0中的內(nèi)置主題
14.3　利用SASS定制Sencha Touch 2.0的主題
14.3.1　安裝SASS和Compass
14.3.2　在Sencha Touch 2.0中使用SASS
14.3.3　修改Sencha Touch 2.0默認(rèn)主題中的變量
14.4　SCSS樣式表文件
14.4.1　SCSS提供的高級(jí)特性
14.4.2　Sencha Touch 2.0提供的mixin
14.4.3　編譯SCSS樣式表文件
14.4.4　應(yīng)用SCSS樣式表文件定制主題示例
14.4.5　SCSS樣式表文件中自定義組件樣式的示例
14.5　本章小結(jié)
第15章　創(chuàng)建自定義組件與MVC模式的應(yīng)用程序
15.1　實(shí)現(xiàn)自定義組件
15.1.1　Sencha Touch 2.0中的包與命名空間
15.1.2　創(chuàng)建自定義組件
15.1.3　為自定義組件添加自定義方法
15.2　使用命令行工具創(chuàng)建及部署MVC模式的應(yīng)用程序
15.2.1　命令行工具的安裝及使用
15.2.2　創(chuàng)建MVC模式的應(yīng)用程序
15.2.3　部署MVC模式的應(yīng)用程序
15.2.4　頁(yè)面文件與腳本文件分析
15.2.5　應(yīng)用程序中的默認(rèn)命名約定
15.2.6　應(yīng)用程序啟動(dòng)時(shí)的函數(shù)調(diào)用順序
15.3　創(chuàng)建視圖與控制器
15.3.1創(chuàng)建應(yīng)用程序的主視圖
15.3.2創(chuàng)建應(yīng)用程序的主控制器
15.3.3通過(guò)控制器實(shí)現(xiàn)用戶(hù)與應(yīng)用程序之間的交互
15.4　在控制器中指定路由
15.4.1　通過(guò)routes配置選項(xiàng)指定路由
15.4.2　在路由中使用參數(shù)
15.4.3　通過(guò)before配置選項(xiàng)攔截路由方法的執(zhí)行
15.5　設(shè)備配置文件
15.5.1　檢測(cè)應(yīng)用程序當(dāng)前所用的設(shè)備配置文件
15.5.2　為應(yīng)用程序編制設(shè)備配置文件
15.5.3　在設(shè)備配置文件中使用launch函數(shù)
15.5.4　為設(shè)備單獨(dú)編寫(xiě)視圖
15.5.5　將各種視圖在不同的設(shè)備中以不同的方式進(jìn)行結(jié)合
15.5.6　為設(shè)備單獨(dú)編寫(xiě)控制器
15.6　本章小結(jié)

第三部分　綜 合 案 例
第16章　綜合應(yīng)用案例
16.1　應(yīng)用程序的所有文件及其路徑
16.2　應(yīng)用程序的頁(yè)面文件與腳本文件
16.3　利用SASS定制樣式主題
16.4　設(shè)備配置文件
16.5　模型與數(shù)據(jù)倉(cāng)庫(kù)
16.6　視圖與控制器
16.6.1　應(yīng)用程序的主視圖
16.6.2　用戶(hù)注冊(cè)/登錄視圖與控制器
16.6.3　展示視圖及其控制器
16.6.4　書(shū)籍列表展示視圖與控制器
16.6.5　書(shū)籍信息編輯視圖與控制器
16.7　本章小結(jié)