Ext JS源码分析与开发实例宝典

图书标准信息

• 作者 彭仁夔 著
• 出版社 电子工业出版社
• 出版时间 2010-01
• 版次 1
• ISBN 9787121098734
• 定价 78.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 596页
• 字数 1061千字

【内容简介】

　　本书全面系统地剖析了ExtJS3．0的架构设计原理。通过对源码的“抽丝剥茧”，读者可以掌握ExtJS架构的精妙，从原理层面用活ExtJS。此外，本书还提出了大量的解决方案，以使ExtJS满足用户日益增长的体验需要。
　　本书分为4个部分，共17章。快速入门部分讲解ExtJS的背景及体系结构，并通过案例实现让读者快速入门。核心技术部分深入讲解ExtJS的核心基础知识，包括JS原生对象的扩展、事件机制、模板模型、数据模型，包括一个机制、两个模型及六个扩展。基于元素的开发部分讲解了在DOM元素基础上扩展的ExtJS元素，包括元素操作、元素查找、元素样式、动画特效和拖曳实现。深入组件的开发部分讲解ExtJS组件的原理及各大组件的应用，包括组件模型、容器模型、布局设计、Form组件、Grid组件、Tree组件及Menu组件。
　　本书结构紧凑，条理清晰，注重对ExtJS优美代码的分析和应用，通过阅读漂亮的代码，能够极大地提升代码编写的质量。为了让读者更好地理解知识，本书还配备了丰富的应用实例，在充分理解源码的基础上，对ExtJS进行了大量实用性强的扩展。
　　本书可以作为Web应用开发的参考手册，适合具备一定HTML和JavaScript基础的开发人员学习，特别适合从事RIAWeb开发的人员自学参考，也可以作为ExtJS应用开发的培训教材。

【目录】

第1部分快速入门1
第1章Web如此美丽，初探ExtJS2
1.1ExtJS是什么2
1.2为什么选择ExtJS3
1.3如何学习ExtJS5
1.3.1获取源码并部署5
1.3.2开发工具的智能提示5
1.3.3文档和实例的学习8
1.3.4学习论坛9
1.4ExtJS体系结构9
1.4.1体系结构9
1.4.2文件结构11
1.5小结13
第2章ExtJS3.0实例入门14
2.1准备工作，配置环境14
2.2看似简单的登录页面，隐藏好大的学问15
2.2.1页面布局16
2.2.2表单布局18
2.2.3验证码20
2.2.4表单验证21
2.2.5表单提交22
2.3主框架页面24
2.3.1主框架页面布局26
2.3.2左边导航菜单28
2.3.3右边工作区域30
2.4子页面32
2.4.1数据处理32
2.4.2列表34
2.5小结35

第2部分核心技术37
第3章ExtJS核心基础38
3.1继承的扩展38
3.1.1对象的继承38
3.1.2类的继承39
3.1.3Ext.extend扩展40
3.2函数的扩展42
3.2.1从一个错误说起42
3.2.2函数的委托43
3.3数组及集合44
3.3.1JavaScript数组45
3.3.2ExtJS集合操作46
3.4String的转换50
3.4.1String转换的基本知识50
3.4.2String和JSON转换50
3.4.3查询字符串与对象转换52
3.5Date的使用53
3.5.1日期格式化53
3.5.2日期的比较及计算55
3.6定时任务56
3.6.1有状态的定时任务管理56
3.6.2定时任务管理器58
3.7小结60
第4章你必须知道的ExtJS事件机制61
4.1浏览器事件机制61
4.2ExtJS元素事件63
4.2.1Event对象63
4.2.2EventManager67
4.3基本事件扩展71
4.3.1DomReady处理71
4.3.2快捷键的实现72
4.3.3导航键的实现74
4.3.4鼠标按住事件75
4.4ExtJS组件事件76
4.4.1事件对象77
4.4.2组件的事件机制78
4.4.3基于拦截的事件实现81
4.4.4组件及元素事件结合83
4.5扩展TabBox事件84
4.5.1焦点84
4.5.2扩展TabBox导航85
4.5.3自定义TabBox事件87
4.6小结89
第5章模板模型，组件开发的基石90
5.1ExtJS模板概述90
5.2正则表达式基础91
5.2.1正则表达式引擎91
5.2.2字符匹配93
5.2.3选择、分组及引用95
5.3正则表达式的使用97
5.3.1exec和match97
5.3.2replace函数97
5.4基本模板99
5.4.1模板的构建99
5.4.2应用动态数据100
5.4.3编译模板101
5.5扩展模板103
5.5.1实现原理104
5.5.2编译Xtemplate模板107
5.5.3为Xtemplate应用动态数据110
5.6模板问题及改进110
5.6.1模板的问题110
5.6.2问题的解决112
5.7通信录的实现114
5.7.1应用DataView115
5.7.2数据分页和过滤117
5.7.3通信录中的信息118
5.8小结119
第6章改善用户体验，交互数据模型120
6.1Ajax请求120
6.1.1从网络通信协议开始120
6.1.2手动实现Ajax123
6.1.3便利函数让调用更加方便126
6.1.4表单请求127
6.1.5跨域请求131
6.2Direct请求134
6.2.1Comet请求134
6.2.2RPC请求137
6.3代理请求141
6.3.1REST风格141
6.3.2代理请求的处理过程142
6.3.3MemoryProxy的扩展145
6.4数据解析的实现147
6.4.1定义表结构147
6.4.2解析表数据152
6.4.3数组解析的扩展156
6.5数据回写157
6.5.1组装请求参数157
6.5.2保存之后更新159
6.6数据存储160
6.6.1构建Store对象160
6.6.2载入数据162
6.6.3保存数据164
6.7DWR数据交互166
6.7.1DWR请求扩展167
6.7.2DWR数据解析169
6.7.3CRUD操作171
6.8小结172

第3部分基于元素的开发173
第7章元素扩展，让开发更灵活174
7.1Ext.DomHelper类174
7.1.1元素创建174
7.1.2元素插入175
7.2Ext.DomQuery类178
7.2.1实现原理179
7.2.2查询及过滤实现180
7.2.3编译解析182
7.3ExtJS元素架构185
7.3.1Ext.Element元素185
7.3.2Ext.CompositeElementLite187
7.4表单实例189
7.4.1实现并载入表单189
7.4.2计算相关费用191
7.5小结195
第8章ExtJS样式的完美应用196
8.1样式基本操作196
8.1.1创建元素197
8.1.2元素定位198
8.1.3可视及其他199
8.2JS操作样式200
8.2.1style的操作201
8.2.2class的操作203
8.2.3动态加入CSSRules204
8.2.4重构它们206
8.3Dimensions操作207
8.3.1宽高操作208
8.3.2坐标定位操作211
8.3.3重构它们214
8.4相对定位与约束215
8.4.1元素相对定位216
8.4.2scroll定位219
8.4.3Resize元素定位的实现220
8.5ImageCropper的实现224
8.5.1创建容器225
8.5.2创建三层图片并载入226
8.5.3初始化Resize和拖曳227
8.5.4显示选择内容229
8.6小结231
第9章让Web页面动起来232
9.1动画的原理232
9.1.1原理实现232
9.1.2改进的实现234
9.2ExtJS动画实现237
9.2.1ExtJS动画管理器237
9.2.2动画对象238
9.3动画的进一步深入243
9.3.1动画类型243
9.3.2动画算法247
9.3.3Fx特效处理251
9.4扩展ExtJS矢量图254
9.4.1excanvas基本应用254
9.4.2excanvas高级应用261
9.5交互式动画报表图266
9.5.1基本折线图266
9.5.2动画的实现273
9.5.3交互式选择的实现275
9.5.4ToolTip的实现279
9.6小结282
第10章拖曳技术，让用户也动起来283
10.1ExtJS拖曳原理剖析283
10.1.1如何选中元素283
10.1.2如何实现鼠标移动位置284
10.1.3如何确定元素目标位置285
10.2ExtJS拖曳架构285
10.2.1拖曳共性处理285
10.2.2拖曳个性处理289
10.3拖曳形式的选择题应用297
10.3.1选择题的实现297
10.3.2选项拖曳的实现299
10.4拖曳高级扩展303
10.4.1拖曳元素状态处理304
10.4.2目标元素状态处理306
10.4.3把拖曳目标和拖曳元素综合起来311
10.5拖曳定制流程315
10.5.1基本的流程图315
10.5.2拖曳的实现319
10.5.3拖曳的完善324
10.6小结327

第4部分深入组件的开发329
第11章ExtJS组件模型的架构解析330
11.1认识ExtJS组件330
11.2生命周期设计332
11.2.1初始化332
11.2.2渲染表现334
11.2.3销毁组件，释放系统资源335
11.3可扩展性设计337
11.3.1类继承的支持337
11.3.2事件的支持337
11.3.3插件的支持338
11.3.4可配置的支持338
11.3.5模板方法的支持339
11.4可管理性设计339
11.4.1全局统一管理339
11.4.2组件类别管理340
11.4.3内部状态管理340
11.5组件分析法343
11.5.1生命周期分析343
11.5.2配置项分析345
11.5.3方法及属性分析345
11.5.4事件分析347
11.5.5组件特性347
11.6如何自定义组件348
11.6.1组件的需求348
11.6.2按生命周期来编写组件348
11.6.3重构349
11.6.4编写文档350
11.7小结350
第12章ExtJS面板，信息提示更人性化351
12.1浮动层（Layer）351
12.1.1shim实现351
12.1.2shadow实现352
12.1.3约束定位355
12.1.4浮动层显示357
12.2容器（Container）布局359
12.2.1生命周期分析359
12.2.2容器特性361
12.3面板（Panel）布局363
12.3.1面板组成363
12.3.2面板样式367
12.3.3面板的折叠/展开370
12.4窗体（Window）布局372
12.4.1最大最小化372
12.4.2改变大小375
12.4.3窗体显示问题376
12.5工具提示377
12.5.1Ext.Tip类377
12.5.2Ext.ToolTip类378
12.5.3Ext.QuickTip类379
12.6气球提示（BalloonTip)382
12.6.1实现BalloonTip组件383
12.6.2进一步完善388
12.7小结393
第13章ExtJS华丽的容器布局394
13.1认识布局的流程394
13.1.1布局概述394
13.1.2布局的流程395
13.2Border布局397
13.2.1如何渲染398
13.2.2如何计算布局区域399
13.2.3如何实现折叠与展开402
13.3锚定位布局405
13.3.1AnchorLayout布局405
13.3.2AbsoluteLayout布局407
13.3.3FormLayout布局408
13.4自适应布局409
13.4.1FitLayout410
13.4.2AccordionLayout410
13.4.3CardLayout412
13.5表行列布局413
13.5.1ColumnLayout413
13.5.2RowLayout414
13.5.3TableLayout415
13.6Box布局418
13.7如何扩展TableFormLayout420
13.8小结422
第14章ExtJSForm的交互式表单423
14.1FormPanel聚散地423
14.1.1Form关系图423
14.1.2与BaseForm关联425
14.1.3与Field关联426
14.1.4验证操作427
14.1.5数据处理429
14.1.6FieldSet433
14.2Field组件434
14.2.1Field的创建435
14.2.2Field的验证436
14.3文本输入组件438
14.3.1单行文本输入组件438
14.3.2多行文本输入组件441
14.3.3文本编辑组件442
14.4选择组件447
14.4.1单个选择组件447
14.4.2选择组448
14.5下拉组件452
14.5.1TriggerField452
14.5.2Combox454
14.5.3多选组件扩展459
14.6注册页面的实现465
14.6.1基本的Form组件应用465
14.6.2上传处理468
14.7小结471
第15章ExtGrid组件让数据更直观472
15.1认识ExtJS的Grid472
15.1.1概述472
15.1.2如何创建GridPanel473
15.1.3GridPanel如何运行474
15.1.4可编辑的GridPanel476
15.2列模式480
15.2.1CM分析480
15.2.2CM的高级应用482
15.3选择模式485
15.3.1RowSelectionModel485
15.3.2CheckboxSelectionModel488
15.4视图489
15.4.1Grid生成HTML内容489
15.4.2如何构建表结构491
15.4.3导入数据495
15.4.4通过流程进一步分析497
15.5分页栏499
15.5.1载入数据进行显示500
15.5.2请求数据501
15.6对Grid的改进502
15.6.1下拉框编辑的问题502
15.6.2嵌套表格的问题505
15.6.3多表头操作507
15.7单元格实现跨列运算509
15.7.1单元格多选模式510
15.7.2公式统计计算512
15.7.3应用实例515
15.8小结516
第16章深入ExtJS的树形展示517
16.1树组件的原理517
16.2ExtJS树组件的分析519
16.2.1树的创建520
16.2.2树的生命周期分析520
16.3树组件节点522
16.3.1基本节点522
16.3.2TreeNode类523
16.4树组件的事件529
16.4.1事件的流程529
16.4.2事件的选择模式532
16.5完善树的功能533
16.5.1树的数据533
16.5.2编辑、过滤及排序536
16.6ECOTree的实现540
16.6.1树的基本实现541
16.6.2节点的实现547
16.6.3折叠、编辑、拖曳及其他完善550
16.7小结554
第17章基于ExtJSMenu组件的快速开发555
17.1Action类555
17.1.1Action类的作用555
17.1.2Action类的运行流程556
17.2Button类558
17.2.1生命周期558
17.2.2样式处理559
17.2.3状态切换560
17.3开发个性的工具栏562
17.3.1如何解析工具项562
17.3.2如何进行布局563
17.3.3竖形工具栏的实现566
17.4自己来设计菜单栏568
17.4.1菜单的显示568
17.4.2菜单的动作570
17.5类UE编辑器的实现572
17.5.1基本的编辑器572
17.5.2活动工具栏574
17.6小结578