第1章Sencha Touch概述 1
1.1 Sencha Touch简介 1
1.1.1发展历史 1
1.1.2下载地址 2
1.1.3关于许可协议 3
1.1.4 Sencha Touch包的内容 4
1.2 API文档 4
1.2.1使用在线API文档 4
1.2.2使用本地API文档 7
1.3本书的一些术语 7
1.4一些常见的配置项 8
1.5类的命名规则 8
1.6 JSON 9
1.7关于调试 10
1.8小结 10
第2章MVC模式 11
2.1 MVC模式概述 11
2.2组件查询的机制 12
2.2.1组件管理器:Ext.ComponentManager 12
2.2.2组件的查询方式 14
2.2.3直接使用id查询组件 16
2.2.4组件中的查询 17
2.3控制器 19
2.3.1模型(models) 20
2.3.2 stores 20
2.3.3视图(views) 21
2.3.4引用(refs) 21
2.3.5控制(control) 22
2.3.6路由(routes) 23
2.3.7 init方法 24
2.3.8 launch方法 24
2.4小结 24
第3章 第一个应用程序 25
3.1 Sencha Cmd v3 25
3.1.1下载 25
3.1.2安装 26
3.1.3使用Sencha Cmd来生成第一个应用程序 28
3.2 FirstApp应用程序 33
3.2.1目录结构 34
3.2.2首页(index.html) 35
3.2.3配置文件:app.j son 39
3.2.4应用程序启动文件:app js 44
3.2.5 Ext.viewsport对象 47
3.2.6样式文件:app.css 47
3.3存在的问题 47
3.4效果测试 48
3.5应用程序的生成 54
3.6 打包应用程序 59
3.6.1打包配置文件:packager.son 59
3.6.2打包 65
3.7小结 77
第4章 主界面与布局 78
4.1第一个应用程序的主界面与布局 78
4.2布局 80
4.2.1卡片布局:Ext.layout.Card 80
4.2.2停靠布局:Ext.layout.wrapper.BoxDock.Ext.layout.wrapper.Dock 96
4.2.3自适应布局:Ext.layout.Fit 97
4.2.4盒子布局:Ext.layout.HBox.Ext.layout.VBox 97
4.3界面布局中常用的组件 97
4.3.1容器:Ext.Container 97
4.3.2标题栏:Ext.TitleBar 98
4.3.3分段按钮:Ext.SegmentedButton 98
4.3.4导航视图:Ext.navigation.viewsviews 99
4.3.5标签面板:Ext.tab.Panel 99
4.3.6滑动视图:Ext.carousel.Carousel 102
4.4小结 107
第5章 数据层 108
5.1概述 108
5.2 Ext.Ajax 108
5.3跨域问题 112
5.4创建模型 113
5.4.1字段:Ext.data.Field 114
5.4.2定义id值 115
5.4.3可以自动生成id的类 115
5.4.4添加验证:Ext.data.validations 116
5.4.5模型之间的关系 117
5.5代理 118
5.5.1 Ext.data.reader.Reader 119
5.5.2 Ext.data.writer.Writer 123
5.5.3扩展代理以实现格式化、标准化、统一化 125
5.6 store 126
5.6.1创建store 126
5.6.2加载本地数据 128
5.6.3数据操作 129
5.6.4自动同步 134
5.6.5排序 134
5.6.6中文排序的问题 135
5.6.7过滤 136
5.6.8分组 136
5.6.9分页 136
5.6.10树状数据 137
5.7小结 137
第6章 模板与数据视图 138
6.1基本模板:Ext.Template 138
6.2高级模板:Ext.XTemplate 140
6.2.1自动填充功能 141
6.2.2使用判断语句 142
6.2.3使用子模板 143
6.3数据视图:Ext.dataview.Dataviews 144
6.3.1基本的数据视图使用 144
6.3.2多选模式 146
6.3.3带组件的数据视图 146
6.4选择器:Ext.picker.Picker 153
6.4.1基本用法 154
6.4.2没有工具条的选取效果 156
6.4.3多插槽的选择器 157
6.5列表:Ext.dataview.List 167
6.5.1基本用法 167
6.5.2分组的列表 170
6.5.3使用索引条的列表 171
6.5.4具有Disclosure功能的列表 172
6.5.5翻页插件:Ext.plugin.ListPaging 173
6.6嵌套列表:Ext.dataview.NestedList 175
6.7小结 180
第7章 表单 181
7.1表单面板 181
7.1.1 setValues和getValues方法 181
7.1.2 setRecord、 updateRecord和getRecord方法 184
7.1.3表单的提交 185
7.2在表单内对元素进行分组:Ext.form.FieldSet 187
7.3表单字段 187
7.3.1文本字段:Ext.field.Text 188
7.3.2数字字段:Ext.field.Number 189
7.3.3多行文本字段:Ext.field.TextArea 189
7.3.4隐藏字段:Ext.field.Hidden 189
7.3.5密码字段:Ext.field.Password 189
7.3.6电子邮件字段:Ext.field.Email 190
7.3.7网址字段:Ext.field.Url 190
7.3.8搜索字段:Ext.field.Search 190
7.3.9复选字段:Ext.field.Checkbox 190
7.3.10单选字段:Ext.field.Radio 191
7.3.11微调字段:Ext.field.Spinner 191
7.3.12滑块字段:Ext.field.Slider 192
7.3.13切换字段:Ext.field.Toggle 193
7.3.14日期选择字段:Ext.field.DatePicker 193
7.3.15 选择字段:Ext.field.Select 194
7.4记事本 199
7.5小结 214
第8章 其他的一些常用组件 215
8.1面板:Ext.Panel 215
8.2工具栏:Ext.Toolbar 217
8.2.1按钮:Ext.Button 217
8.2.2在工具栏的组件之间设置空白间隔:Ext.Spacer 219
8.3信息窗口:Ext.MessageBox 220
8.4操作列表:Ext.ActionSheet 220
8.5图片:Ext.Img 223
8.6动画功能:Ext.Anim 223
8.7小结 224
第9章 音频和视频 225
9.1音频:Ext.Audio 225
9.2视频:Ext.Video 226
9.3“我的音乐”播放器 226
9.3.1前期工作 226
9.3.2创建模型和store 226
9.3.3设计主界面 232
9.3.4“歌手”标签页 233
9.3.5分类标签页 240
9.3.6播放列表标签页 241
9.3.7播放标签页 244
9.4小结 258
第10章 原生API 259
10.1原生API概述 259
10.2获取设备连接信息和设备信息 259
10.3使用通知 260
10.4获取通讯录 261
10.5 SQLite 261
10.6相机功能 261
10.6.1基本用法 262
10.6.2上传图片 264
10.7获取地理位置 266
10.8获取方向变化 267
10.9小结 269
第11章 地图 270
11.1创建应用程序 270
11.2基本配置 270
11.3地图的设置 271
11.4定位 273
11.5搜索地点功能 275
11.6更多的功能 279
11.7小结 280
第12章 多配置的应用程序 281
12.1基本流程 281
12.2定义配置文件 281
12.3配制Phone界面 283
12.4配置Tablet主界面 283
12.5完成新增功能 288
12.6编辑和删除功能 290
12.7小结 292
第13章 综合应用——创建“我的商店”应用程序 293
13.1京东商城的主要界面 293
13.2创建应用程序 294
13.3主界面 294
13.4首页标签页 295
13.4.1滑动视图第一页 297
13.4.2产品列表视图 303
13.4.3产品信息视图 312
13.4.4掌上秒杀列表 326
13.4.5功能按钮 326
13.4.6搜索按钮 335
13.4.7“逛”功能 335
13.4.8滑动视图第二页 338
13.5搜索标签页 340
13.6分类标签页 357
13.7购物车 367
13.8“我的商店”标签页 376
13.9“更多”标签页 386
13.10小结 386