正版 Ext JS实战

第一部分 Ext JS 4.0入门
第1章　功夫在框架外　　2
1.1　初识Ext JS　　2
1.1.1　丰富的API文档　　3
1.1.2　用预制部件快速开发　　5
1.2　你需要知道的　　5
1.3　Ext JS部件之旅　　5
1.3.1　容器和布局初探　　7
1.3.2　其他容器的运作　　8
1.3.3　数据绑定视图　　9
1.3.4　“枝繁叶茂”的树形面板　　11
1.3.5　表单输入框　　12
1.3.6　其他部件　　14
1.4　Ext JS 4.0的新特性　　15
1.4.1　呀！适配层不见了！　　15
1.4.2　新的类系统　　15
1.4.3　数据包　　16
1.4.4　布局：代码大爆炸　　16
1.4.5　新停靠系统　　17
1.4.6　网格面板的改进　　17
1.4.7　树形面板如今更接近网格面板　　18
1.4.8　图形和图表　　19
1.4.9　新的CSS样式架构　　19
1.4.10　新MVC架构　　20
1.4.11　捆绑打包工具　　20
1.5　下载和配置　　20
1.6　亲手一试　　22
1.7　小结　　24
第2章　DOM操作　　25
2.1　用 Ext JS启动代码　　25
2.2　用Ext.Element管理DOM元素　　27
2.2.1　框架的核心　　27
2.2.2　首次使用Ext.Element　　28
2.2.3　创建子节点　　29
2.2.4　删除子节点　　32
2.2.5　配合Ext.Element使用Ajax　　33
2.3　使用模板和XTemplate　　34
2.3.1　使用模板　　34
2.3.2　用XTemplate执行循环操作　　37
2.3.3　XTemplate的高阶应用　　38
2.4　小结　　40
第3章　组件和容器　　41
3.1　组件模型　　41
3.1.1　XType和ComponentManager　　42
3.1.2　组件渲染　　44
3.2　组件生命周期　　46
3.2.1　初始化　　46
3.2.2　渲染　　48
3.2.3　销毁　　50
3.3　容器　　51
3.3.1　构建一个带子元素的容器　　52
3.3.2　处理子元素　　53
3.4　查询组件　　54
3.5　视口容器　　56
3.6　小结　　57
第二部分 Ext JS组件
第4章　核心UI组件　　60
4.1　面板　　60
4.1.1　构建一个复杂的面板　　61
4.1.2　添加按钮和工具　　63
4.1.3　在一个面板上停靠元素　　65
4.1.4　权重很重要　　67
4.2　显示窗口对话框　　69
4.2.1　构建一个窗口　　70
4.2.2　更多窗口配置　　71
4.3　消息框　　73
4.3.1　警告用户　　73
4.3.2　MessageBox的高阶方法　　74
4.3.3　显示一个动画式等待对话框　　75
4.4　组件也可以存活在标签面板中　　77
4.4.1　构建第一个标签面板　　78
4.4.2　你应该知道的标签管理方法　　80
4.5　小结　　81
第5章　探究布局　　82
5.1　布局管理器如何工作　　82
5.1.1　组件布局　　82
5.1.2　容器布局　　83
5.2　Auto布局　　83
5.3　Anchor布局　　85
5.4　Absolute布局　　88
5.5　Fit布局　　89
5.6　Accordion布局　　90
5.7　Card布局　　93
5.8　Column布局　　95
5.9　HBox和VBox布局　　97
5.10　Table布局　　100
5.11　Border布局　　103
5.12 小结　　107
第6章　Ext JS中的表单　　108
6.1　基本输入框　　108
6.1.1　输入框和校验　　109
6.1.2　密码和文件选择框　　111
6.1.3　构建多行文本框　　112
6.1.4　便利的数字输入框　　112
6.2　用组合框实现提前键入　　113
6.2.1　构建一个本地组合框　　113
6.2.2　实现一个远程组合框　　115
6.2.3　解构组合框　　118
6.2.4　自定义组合框　　118
6.3　时间输入框　　119
6.4　HTML编辑器　　120
6.4.1　构建第一个HTML编辑器　　120
6.4.2　处理缺少校验的问题　　121
6.5　选择日期　　121
6.6　复选框和单选按钮　　122
6.7　表单面板　　124
6.7.1　检视正在构建的内容　　125
6.7.2　构建字段集　　125
6.7.3　创建标签面板　　128
6.8　数据提交和加载　　130
6.8.1　提交表单的传统方式　　130
6.8.2　通过Ajax提交数据　　130
6.8.3　把数据加载到表单中　　132
6.9　小结　　134
第7章　数据存储　　135
7.1　介绍数据存储　　135
7.1.1　支持类　　136
7.1.2　数据是如何流动的　　137
7.1.3　关于数据代理　　138
7.1.4　模型和读取器　　139
7.2　读取和保存数据　　140
7.2.1　读取数组数据　　141
7.2.2　读取JSON数据　　143
7.2.3　读取XML数据　　145
7.3　带写入器的数据存储　　146
7.3.1　校验模型数据　　148
7.3.2　同步数据　　150
7.4　关联数据　　151
7.5　小结　　154
第8章　网格面板　　155
8.1　网格面板简介　　155
8.2　构建一个简单的网格面板　　157
8.3　高级网格面板构建　　159
8.3.1　你在构建什么　　159
8.3.2　所需的数据存储和模型　　159
8.3.3　创建列　　160
8.3.4　配置高级网格面板　　161
8.3.5　给网格面板配置一个容器　　162
8.3.6　缓冲滚动分页　　164
8.3.7　为交互应用事件处理程序　　166
8.4　在网格面板上编辑数据　　168
8.4.1　启用编辑插件　　169
8.4.2　浏览一下你的可编辑网格面板　　173
8.5　加入CRUD　　174
8.5.1　添加保存和拒绝逻辑　　174
8.5.2　保存和拒绝修改　　175
8.5.3　添加创建和删除功能　　176
8.5.4　使用创建和删除　　178
8.6　小结　　180
第9章　深入探究树形面板　　181
9.1　树形面板理论　　181
9.1.1　树形面板关键词　　181
9.1.2　深入根节点　　182
9.2　“种下”你的第一棵树　　183
9.3　培育动态树形面板　　185
9.3.1　创建一个远程加载面板　　186
9.3.2　为树（树形面板）“施肥”　　187
9.4　在树形面板上实现CRUD　　189
9.4.1　显示上下文菜单　　189
9.4.2　添加编辑逻辑　　193
9.4.3　着手删除　　196
9.4.4　为树形面板创建节点　　198
9.5　小结　　200
第10章　绘画和图表　　201
10.1　绘制形状　　201
10.2　绘图概念　　202
10.3　表面子画面　　202
10.3.1　绘制子画面　　204
10.3.2　管理位置和大小　　205
10.3.3　自适应大小的子画面　　207
10.4　子画面交互　　207
10.5　掌控路径　　211
10.6　深入了解图表　　213
10.7　实现笛卡儿图表　　215
10.7.1　配置轴　　215
10.7.2　添加序列　　218
10.7.3　改进可视化助手　　219
10.7.4　添加定制形状　　222
10.7.5　同一个图表中的多序列　　224
10.8　定制主题　　226
10.9　饼图　　230
10.10　小结　　232
第11章　用Ext Direct实现远程方法调用　　233
11.1　使两端相见　　233
11.2　对比Ext Direct和REST　　235
11.3　服务器端配置　　236
11.3.1　它是怎样工作的　　236
11.3.2　远程方法配置　　236
11.3.3　路由　　237
11.4　远程方法　　238
11.4.1　配置路由器　　238
11.4.2　启用Ext Direct　　240
11.5　直接调用远程方法　　243
11.6　启用CRUD 的Ext.data.
DirectStore　　245
11.7　小结　　248
第12章　拖放　　249
12.1　拖放工作流　　249
12.1.1　拖放的生命周期　　250
12.1.2　自上而下审视拖放类　　251
12.1.3　一切尽在覆盖之中　　252
12.1.4　拖放总是在组中工作的　　253
12.2　拖放：一个基础的例子　　254
12.2.1　创建一个小型工作区　　254
12.2.2　配置元素使之可拖动　　255
12.2.3　分析Ext.dd.DD 的DOM元素变化　　256
12.2.4　增加泳池和热水浴缸作为放置目标　　257
12.3　完成你的拖放实现　　258
12.3.1　增加放入引导　　259
12.3.2　增加有效放入　　261
12.3.3　实现无效放入　　263
12.4　使用DDProxy　　264
12.5　视图的拖放　　268
12.5.1　构建视图　　268
12.5.2　添加拖动手势　　272
12.5.3　使用放入　　275
12.6　网格面板的拖放　　278
12.7　树形面板上的拖放　　282
12.7.1　构建树形面板　　282
12.7.2　启用拖放　　284
12.7.3　采用灵活的约束　　284
12.8　小结　　287
第三部分 构建一个应用
第13章　类系统基础　　290
13.1　经典的JavaScript继承　　290
13.1.1　创建一个基类　　291
13.1.2　创建一个子类　　292
13.2　Ext JS的继承　　293
13.2.1　创建一个基类　　294
13.2.2　创建一个子类　　295
13.3　扩展Ext JS组件　　296
13.3.1　想想你在构建什么　　297
13.3.2　扩展GridPanel　　298
13.3.3　实践你的扩展　　299
13.4　用插件来救援　　302
13.4.1　插件的剖析　　302
13.4.2　开发一个插件　　303
13.5　使用Ext JS加载器的动态加载类　　306
13.5.1　动态加载一切　　306
13.5.2　应该按需加载　　308
13.5.3　采用混合的方案　　309
13.6　小结　　311
第14章　构建一个应用　　312
14.1　像Web UI开发者一样思考　　312
14.2　应用的（基础）结构　　313
14.2.1　在命名空间内进行开发　　313
14.2.2　动态依赖加载　　315
14.3　开启Survey 应用　　318
14.3.1　从想法到代码实现　　318
14.3.2　用Sencha Cmd加快开始的步伐　　319
14.3.3　引导Survey项目　　321
14.3.4　数据驱动的应用程序模型324
14.3.5　给应用程序增加模型　　325
14.3.6　添加数据存储　　329
14.3.7　创建验证表单　　330
14.3.8　插入第一个控制器　　332
14.3.9　Survey视图　　333
14.3.10　Survey控制器　　336
14.4　打包　　342
14.5　小结　　344

Jesus GarciaModus Create公司（专注于用Sencha产品提供高端解决方案）联合创始人兼CTO、Ext JS社区知名成员、Ext JS框架贡献者、专家级Web开发者。他从2006年起开始接触Sencha，之后一直通过书籍、博客、视频、聚会和会议分享知识，另著有Sencha Touch in Action。个人博客：http://moduscreate.com/。
Grgur GrisogonoModus Create公司负责人、Web技术布道师、JavaScript的忠实拥趸、移动及桌面Web应用大会SourceDevCon主席和创办人。他从2007年起持续关注Ext JS和Sencha Touch，其领导设计开发的应用被欧洲6个国家的政府部门和600多个市级机构使用，还为财富500强公司提供解决方案。
Jacob K. AndresenExt JS爱好者、大型网络应用咨询专家。他负责开发过多个大型网络项目，自2009年首次参加Ext JS会议开始即密切关注Ext JS，一直通过博客、Sencha论坛为Ext JS社区做贡献。
卢雄飞东南大学计算机专业学士、新南威尔士大学IT专业硕士、老程序员、非著名配音演员。作为Discovery频道专职翻译，12年来他翻译了2200多部纪录片，包括《荒野求生》《流言终结者》以及史蒂芬·霍金系列纪录片，还有很多著名影视剧、动画片、儿童剧和剧本。目前，他在澳大利亚创业。
田雷鹏Ext JS爱好者，曾从事多个Web项目的设计和开发，致力于提供界面友好的前端应用。2012年起，他开始持续关注Ext JS和Bootstrap等前端框架。
郜忠富花旗软件工程师、Ext JS爱好者。他曾先后在多家知名企业设计开发过项目，自2013年初开始接触并一直不断学习和实践Ext JS，目前正从事相关的开发工作。

本书由Ext JS社区三位专家合力打造，全面介绍了灵活而强大的Ext JS框架。全书不仅深入浅出地介绍了基础知识、工作原理和类系统，更结合完整的示例、丰富的插图解读了其核心组件，让你仿佛在专家的亲手指导下学习并实践。
通过学习，你将真正掌握这个成熟的JavaScript Web应用框架，用它丰富而漂亮的UI组件缩短开发周期，构建优雅布局，轻松管理单调乏味的样板文件，最大程度减少手工编码和浏览器兼容问题。更重要的是，你将学会快速创建和扩展桌面风格的Web应用，从而提升用户体验，开拓更为广阔的Ext JS应用前景。
“学习Ext JS必备。” ——Loiane Groner，花旗银行
“一本内容丰富的专家指南，它将带你体验从新手到专家的成就感！” ——Jeet Marwah，gen-E“全面掌控Ext JS 4.0，打造桌面风格的Web UI。” ——Efran Cobisi，微软MVP、MCSD“从Ext JS试用到高效使用之间的重要一环。” ——Raul Cota，Virtual Materials集团

本书分三部分，基于Ext JS 4.0全面介绍如何开发具有原生风格的富桌面Web应用，辅以大量示例帮读者理解其组件和容器。第一部分是基础知识，讲解Ext JS的丰富特性（包括UI部件以及数据存储、模型和代理等支持类）、DOM操作、组件和容器。第二部分全面介绍Ext JS部件的工作原理，内容涵盖Ext JS组件、布局管理器、表单面板、数据存储、网格面板、树形面板、图形图表、直接远程调用和拖放功能。第三部分介绍Ext JS类系统，并基于本书知识用Sencha CMD和Ext JS MVC系统开发应用。此外，第三部分不仅能让你学会Ext JS框架的更高级功能（如定制的扩展、插件，以及类加载器），还能让你掌握构建和管理Web应用的坚实理论。