Sencha Touch 权威指南电子书。
目录
前 言
第一部分 准 备 篇
第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
- 1
- 2
- 3
- 4
- 5
- 6
前往页