sencha touch 入门 基础教程 介绍及用法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者贡献于
评价文档：
31页免费246页免费136页免费136页免费55页免费10页免费7页免费16页1下载券30页1下载券4页免费
喜欢此文档的还喜欢31页免费246页免费10页免费7页免费14页1下载券
sencha touch 入门 基础教程 介绍及用法|工​作​需​要​写​了​一​个​p​p​t​,​主​要​是​自​己​的​对​s​e​n​c​h​a​ ​t​o​u​c​h​的​一​些​认​识
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：3.54MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢sencha Touch 权威指南.pdf - 下载频道 - CSDN.NET
&&&&sencha Touch 权威指南.pdf
&sencha Touch 权威指南.pdf
Sencha Touch 权威指南电子书。
第一部分　准　备　篇
第1章　Sencha Touch 2.0概述 / 2
1.1　认识Sencha Touch
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　ponentManager.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组件的使用及示例
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　服务器端提供的组件
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数据仓库
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
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
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 传优质资源可以获取积分，详细见。选择完成有奖的任务，可以获取积分。选择购买VIP会员服务，无需积分下载资源。评价资源返积分：第一次绑定手机，将获50下载积分及100论坛可用分。论坛可用分兑换下载积分。
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
移动开发下载排行
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
sencha Touch 权威指南.pdf
所需积分：5
剩余积分：
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
VIP服务公告:投放本站广告请联系:
Sencha相关书籍
Sencha Touch 2
Posted 周四, 03/08/2012 - 13:48 by
Sencha公司今天发布了Sencha Touch 2.0正式版。
Sencha Touch是专门用于移动应用开发的JavaScript框架，也是第一个基于HTML5的移动应用框架，其前身是Ext。使用Sencha Touch，开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用，其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。
Posted 周一, 09/08/2014 - 01:26 by
Sencha Touch 2.4.0 提供了自定义主题的能力，你可以为你的应用定制不同平台上的 CSS，不同平台这里可以理解为不同的浏览器，例如 Chrome、IE10 或者 Safari，也可以是不同的设备，如 Android、iOS、BlackBerry 10、Windows Phone、Surface 等。Sencha Touch 可自动检测当前运行的平台。
Posted 周五, 01/03/2014 - 11:23 by
Sencha Touch 2.3.1 提供了自定义主题的能力，你可以为你的应用定制不同平台上的 CSS，不同平台这里可以理解为不同的浏览器，例如 Chrome、IE10 或者 Safari，也可以是不同的设备，如 Android、iOS、BlackBerry 10、Windows Phone、Surface 等。Sencha Touch 可自动检测当前运行的平台。
Sencha Touch 2.3.1 正式版下载
Sencha Touch 2.3.1 正式版下载
所有源代码
HTML API文档
Posted 周六, 10/19/2013 - 14:54 by
今天我们发布了包含许多新特性的Sencha Touch 2.3版本，包括IOS7友好主题,以及我们独特的,好用的触摸表格功能。Sencha Touch 2.3包括了3个新的主题：Cupertino (iOS 7专用), Cupertino Classic (iOS6.x 及以下版本专用), Mountain View (Android专用), 以及增强了其它主题 (包括了BlackBerry 10 的升级)。Sencha Touch 2.3还集成了Crdova方便我们调用设备更多的特性。这个版本将我们开发Sencha移动应用程序的水平带到了一个新的高度，特别是对丰富数据交互访问特性作了优化。
Posted 周六, 10/19/2013 - 14:34 by
Sencha Touch 2.3 提供了自定义主题的能力，你可以为你的应用定制不同平台上的 CSS，不同平台这里可以理解为不同的浏览器，例如 Chrome、IE10 或者 Safari，也可以是不同的设备，如 Android、iOS、BlackBerry 10、Windows Phone、Surface 等。Sencha Touch 可自动检测当前运行的平台。
Sencha Touch 2.3 正式版下载
Sencha Touch 2.3 正式版下载
所有源代码
HTML API文档
本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.比最好的Framework还要好今天，著名的跨平台框架，。与v1.1版相比，滚动、启动和纵横切换的速度都有很大提高；同时与AT&T合作，整合运营商计费、位置等API；并提供更多Native设备API支持。Sencha Touch 2.0的官方介绍页大标题赫然写着：比最好的Framework还要好。显然是在暗指PhoneGap等跨平台工具。因为Sencha Touch 2.0版新的打包功能支持在PC上开发iOS应用，是PhoneGap等竞争对手缺乏的。图：Sencha Touch 2.0发布Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。目前的Sencha Touch 2.0，内置超过50个组件，支持状态管理，内置了强大的MVC系统，满足开发者的大多数需求，创建身临其境的“本地应用”。只为极速：HTML5和CSS3支持硬件加速用户不会关心，如果网络响应的速度够快，应用体验和本地一样迅速。Sencha Touch 2.0所构建的移动应用程序，用户很难察觉出是本地应用还是Web App。Sencha Touch 2.0专门为应用的响应速度做了大量的优化。它在处理HTML5和CSS3时，可以使用硬件加速。这会让响应速度超过传统任何框架。尤其是在开发跨平台应用时，更加实用高效。图：Discover Music使用NPR Music API，采用Sencha Touch构建本文由张宁编辑整理。
热门文章推荐