Ext江湖(大漠穷秋) PDF扫描版[104MB]

Ext江湖以幽默诙谐的语言由浅入深地解析了Ext框架的方方面面，包括JS基础、Ext的DOM和CSS封装、内置对象的扩展、事件系统、Ajax和Direct、数据和缓存架构、面向对象和继承、UI组件、布局管理、模板、特效、图表和报表、Ext4新特性介绍等内容。文中穿插大量的实例和基础理论解析，寓教于乐，严谨而不失活泼。对于Ext的使用者来说，《Ext江湖》针对实战中面临的种种问题，给出了详尽的解决方案和思路；对于想研究源码的读者来说，《Ext江湖》绝对是难得的良师益友。全书思路清晰、内容一气呵成，适合Ext用户参考学习，还适合其他JS框架的开发者阅读和参考。

Ext江湖 目录：

第1章 ext史前
1.1 一个页面做两周        1
1.1.1 变量、对象、数组        5
1.1.1.1 变量        5
1.1.1.2 对象和数组        7
1.1.2 其他重要内置对象        8
1.1.2.1 nubmer对象        8
1.1.2.2 string对象        9
1.2.2.3 regexp对象        10
1.1.3 等值判定        10
1.1.4 11运算符        10
1.1.5 !运算符        11
1.1.6 类型转换技巧        11
1.1.7 特殊运算符        12
1.1.7.1 instanceof 语句        12
1.1.7.2 typeof 语句        13
1.1.7.3 delete 运算符        13
1.1.7.4 []运算符        14
1.1.7.5 ( )运算符        15
1.1.7.6 eval 语句        15
1.1.7.7 三目运算符        16
1.1.7.8 for…in语句        16
1.1.7.9 with语句        18
1.2 缘起ext        19
1.2.1 开发工具spket        21
1.2.2 调试工具firebug        23
1.2.3 编译工具jsbuilder        23
1.2.4 设计工具        24

第2章 dom操作
2.1 基础概念        27
2.1.1 dom是什么        27
2.1.2 为什么要dom        28
2.1.3 dom怎么用        29
2.1.3.1 访问html节点
（retrieve）        29
2.1.3.2 创建、删除（create、
delete）        31
2.1.3.3 修改标签属性和内容
（update）        33
2.1.4 总结        36
2.2 新石器时代的crud        37
2.2.1 ext.element        38
2.2.1.1 ext.get()        39
2.2.1.2 ext.getdom()        40
2.2.1.3 ext.fly()        41
3.2.1.4 操纵样式属性        42
2.2.2 ext.domhelper        46
2.2.2.1 概述        46
2.2.2.2 append        47
2.2.2.3 inserthtml        48
2.2.2.4 overwrite        49
2.2.2.5 createtemplate        50
2.2.3 ext.domquery        51
2.2.3.1 概述        51
2.2.3.2 元素选择器        52
2.2.3.3 属性选择器        53
2.2.3.4 伪类选择器        55
2.2.3.5 css值选择器        57
2.3 源码解析：ext的dom封装        58
2.3.1 ext.element        59
2.3.1.1 dom结构工具        59
2.3.1.2 外观工具        66
2.3.2 ext.domhelper        67
2.3.2.1 设计思路概述        67
2.3.2.2 源码详解        69
2.3.2.3 domhelper与ext.element
协作        73
2.3.3 ext.domquery        74
2.3.3.1 设计思路概述        74
2.3.3.2 源码详解        75
2.3.3.3 与ext.element的配合        79
本章总结        80
第3章 程序员的css
3.1 必知的css基础概念        81
3.1.1 历史渊源        81
3.1.2 核心概念一：盒子模型        81
3.1.2.1 盒子模型        81
3.1.2.2 padding规则        84
3.1.2.3 border规则        85
3.1.2.4 margin规则        86
3.1.3 核心概念二：选择器        86
3.1.4 浏览器兼容        87
3.2 ext对css的封装        87
3.2.1 静态切换主题        87
3.2.2 动态切换主题        89
3.2.3 结构化css        90
3.2.4 ext ui组件的本质        91
第4章 精通function
4.1 js函数特性梳理        95
4.1.1 参数可变长        96
4.1.2 函数不能重载        97
4.1.3 命名空间        97
4.1.4 函数嵌套        100
4.1.5 call/apply/自执行        102
4.1.6 函数也是数据        104
4.1.7 function        105
4.1.8 函数实例的属性        107
4.1.9 构造函数        110
4.1.10 模拟静态属性        111
4.1.11 综合应用：定时器        112
4.2 函数原型        116
4.2.1 prototype概述        116
4.2.2 向prototype添加自定义属性        118
4.2.3 原型查找机制        119
4.2.4 遮盖        120
4.2.5 原型赋值机制        121
4.2.6 模拟静态属性        122
4.2.7 犀利的prototype        123
4.2.7.1 扩展array        123
4.2.7.2 扩展number        126
4.2.7.3 扩展string        127
4.2.7.4 扩展date        131
4.2.7.5 扩展error        134
4.2.7.6 扩展function        135
4.3 作用域链[[scope]]        141
4.3.1 作用域链[[scope]]简介        141
4.3.2 标识符解析        144
4.3.3 修改作用域链和this        146
4.4 闭包        149
4.4.1 从最简单的开始        149
4.4.2 闭包构造三步走        150
4.4.3 闭包用法：经典案例        151
4.4.3.1 获取table中被点击的行        151
4.4.3.2 模拟多线程        152
4.4.3.3 模拟私有属性        154
第5章 ext事件系统
5.1 dom事件演化史        156
5.1.1 没有事件的寂寞年代        156
5.1.2 简单事件模型        157
5.1.3 2级事件模型        159
5.1.3.1 多个监听函数        159
5.1.3.2 浏览器兼容        161
5.1.3.3 事件传播        163
5.1.3.4 监听函数中的this        171
5.1.3.5 事件对象        174
5.1.4 高级语义事件        176
5.1.4.1 设计自己的事件机制        176
5.1.4.2 为原生的事件接口提供
快捷方式        181
5.1.4.3 双剑合璧        183
5.2 熟练使用ext的事件机制        187
5.2.1 基础用法        187
5.2.1.1 为底层元素注册监听器        187
5.2.1.2 为ext的ui组件注册事件        190
5.2.2 批量注册监听器        191
5.2.3 指定this        192
5.2.4 单次运行的监听器        193
5.2.5 挂起和恢复        195
5.2.6 事件转发        196
5.2.7 删除监听函数        197
5.2.8 事件综合示例        198
5.2.9 高级用法一：自定义事件        203
5.2.10 高级用法二：为自定义的
类提供事件支持        204
5.3 ext事件系统全景解析        205
5.3.1 封装底层事件        206
5.3.1.1 ext.eventmanager        206
5.3.1.2 ext.eventobject        215
5.3.2 高级事件机制observable        217
5.3.2.1 非可视组件        217
5.3.2.2 可视组件        218
5.3.2.3 详解ext.util.observable        220
5.4 全景式解析api根对象ext        229
5.4.1 整体结构概述        230
5.4.2 源码详解        231
5.4.2.1 ext版本信息        231
5.4.2.2 浏览器/os类型判断        231
5.4.2.3 垃圾收集配置        233
5.4.2.4 继承机制的实现        235
5.4.2.5 id机制        235
5.4.2.6 对象类型判定        236
5.4.2.7 数组操纵工具        238
5.4.2.8 对象引用获取工具        245
本章总结        249
第6章 ext中的ajax和direct
6.1 ajax的前世今生        251
6.2 ajax和ext.ajax        251
6.2.1 ajax那点事儿        251
6.2.1.1 创建xhr对象        254
6.2.1.2 发送请求，接收数据        255
6.2.1.3 ajax基础实例        256
6.2.2 ext.ajax用法和常见陷阱        258
6.2.2.1 ext.ajax基础用法        258
6.2.2.2 缓存问题        259
6.2.2.3 传输xml        260
6.2.2.4 异步问题        261
6.2.2.5 跨域问题        262
6.2.2.6 ajax上传文件        265
6.2.3 ext.ajax源码解析        266
6.2.3.1 屏蔽浏览器差异        266
6.2.3.2 优雅地回调        267
6.3 按需加载js，梦想照进现实        268
6.3.1 基础动态载入技巧        268
6.3.2 使用ext.ajax动态加载js        270
6.3.3 使用jsloader动态加载        271
6.4 direct        272
第7章 ext的数据和缓存架构
7.1 js原生数据结构        278
7.1.1 数组技法大演练        278
7.1.1.1 join        279
7.1.1.2 slice        280
7.1.1.3 splice        281
7.1.1.4 sort        282
7.1.1.5 ext扩展：indexof、
remove        282
7.1.2 js对象{}        283
7.1.2.1 天然hash特性        283
7.1.2.2 伪数组        284
7.1.2.3 天然json结构        284
7.2 json        285
7.2.1 使用ext.util.json        285
7.2.1.1 encode/decode        285
7.2.1.2 对象深拷贝        286
7.2.2 源码分析        287
7.2.2.1 json.decode        287
7.2.2.2 json.encode        287
7.2.3 服务端json工具介绍        289
7.2.3.1 json-lib        289
7.2.3.2 dao直接生成json串        291
7.2.3.3 gson        292
7.3 xml        294
7.3.1 用js解析xml        294
7.3.1.1 直接使用xmldocument
加载xml文件        294
7.3.1.2 使用ajax加载xml数据        295
7.3.1.3 自制xml解析器源码分析        297
7.3.2 ext使用xml数据        301
7.3.2.1 使用ext.data.xmlstore        301
7.3.2.2 ext.data.xmlstore的解析
方式        303
7.3.3 json vs xml        304
7.4 mixedcollection        305
7.4.1 概述        305
7.4.2 玩转mixedcollection        306
7.4.2.1 当做数组使用        306
7.4.2.2 当做hashmap使用        307
7.4.2.3 迭代        308
7.4.2.4 查找和过滤        309
7.4.2.5 排序        313
7.4.2.6 mixedcollection的事件        316
7.4.3 mixedcollection源码分析        316
7.4.3.1 模拟hashmap        317
7.4.3.2 迭代工具        318
7.4.3.3 查找和过滤        320
7.4.3.4 排序和中文支持        321
7.4.3.5 事件支持        322
7.4.4 综合考察mixedcollection        323
7.4.4.1 代码实现层面        323
7.4.4.2 设计层面        324
7.5 store        324
7.5.1 store系组件概述        324
7.5.1.1 继承关系图        324
7.5.1.2 协作关系图        327
7.5.1.3 时序图        330
7.5.1.4 store的本质        331
7.5.2 数据记录record        332
7.5.2.1 手动创建record        332
7.5.2.2 create方法源码解析        339
7.5.2.3 拷贝记录        339
7.5.2.4 获取记录中的字段        342
7.5.3 store对record的管理        347
7.5.3.1 过滤记录——where        348
7.5.3.2 where机制的实现        354
7.5.3.3 记录排序——order by        357
7.5.3.4 order by机制的实现        360
7.5.3.5 从设计角度“品味”排序
特性        363
7.5.3.6 记录分组——group by        363
7.5.3.7 group by机制的实现        365
7.5.3.8 提交和回滚——commit/
rollback        367
7.5.3.9 commit/rollback机制的
实现        370
7.5.3.10 从设计层面“品味”store
的核心特性        373
7.5.4 dataproxy        374
7.5.4.1 dataproxy系组件概述        374
7.5.4.2 用法实例        375
7.5.4.3 源码解析        384
7.5.5 datareader        386
7.5.5.1 datareader系组件概述        386
7.5.5.2 用法实例        387
7.5.5.3 源码解析        401
7.5.6 datawriter        402
7.5.7 store系组件总结        405
7.6 tree        408
7.6.1 tree的基本性质        410
7.6.1.1 基本属性        410
7.6.1.2 树和json        411
7.6.1.3 递归遍历        411
7.6.2 ext.treenode        414
7.6.2.1 概述        414
7.6.2.2 父类node解析        414
7.6.2.3 treenode解析        415
7.7 cookie        428
7.7.1 cookie概述        428
7.7.2 使用ext的cookie        430
7.7.3 ext的cookies机制        432
7.7.3.1 顶级类component        432
7.7.3.2 cookieprovider源码解析        434
第8章 面向对象和继承
8.1 js模拟继承的方式        435
8.1.1 原型继承        435
8.1.1.1 子类prototype赋值为
父类实例        437
8.1.1.2 删除不需要的属性        439
8.1.1.3 重置constructor        440
8.1.2 对象冒充        442
8.1.2.1 对象冒充基础原理        442
8.1.2.2 静态属性        443
8.1.3 综合运用        447
8.2 易筋经：ext.extend()        449
8.2.1 使用ext.extend        449
8.2.1.1 招式一：子类不提供构造
函数        449
8.2.1.2 招式二：子类提供显式
构造函数        451
8.2.1.3 招式三：子类提供隐式
构造函数        453
8.2.2 深度解析ext.extend的源码        454
8.2.2.1 关键点1：私有属性        455
8.2.2.2 关键点2：参数移位        456
8.2.2.3 关键点3：空壳函数        457
8.2.2.4 关键点4：prototype拷贝        458
8.2.2.5 关于静态属性        460
8.2.3 ext.extend本质：继承和接口
相统一        460
8.2.3.1 机制总结        460
8.2.3.2 ext中的实例        461
8.2.3.3 ext.extend再认识        463
第9章 精通ext的ui组件
9.1 简单组件        467
9.1.1 messagebox        467
9.1.1.1 熟练使用messagebox        467
9.1.1.2 源码解析        470
9.1.2 progressbar        474
9.1.2.1 熟练使用进展条        474
9.1.2.2 源码解析        477
9.1.3 menu        478
9.1.4 toolbar        480
9.1.4.1 熟练使用toolbar        480
9.1.4.2 toolbar源码解析        485
9.1.5 loadmask        485
9.1.5.1 使用loadmask        485
9.1.5.2 loadmask源码分析        488
9.1.6 tip        489
9.2 panel系        491
9.2.1 panel        491
9.2.1.1 加载外部页面        491
9.2.1.2 陷阱和注意点        494
9.2.2 window        495
9.2.2.1 window的重复创建问题        496
9.2.2.2 使用windowgroup管理
window        498
9.2.2.3 window的其他配置项        499
9.2.3 tabpanel        500
9.3 form系        503
9.3.1 表单的加载和提交        503
9.3.2 更改fieldlabel        508
9.3.3 多列布局        510
9.3.4 vtypes表单校验        512
9.3.5 combobox        515
9.3.5.1 使用本地数据        515
9.3.5.2 使用远程数据        518
9.3.5.3 combo分页        519
9.3.5.4 二级联动        520
9.3.6 checkbox/radio group        523
9.3.7 fielset        524
9.3.8 datepicker        525
9.3.9 动态添加输入项        526
9.4 grid系        529
9.4.1 gridpanel基本用法        530
9.4.2 selectionmodel&row
numberer        532
9.4.3 客户端分页        534
9.4.4 服务端分页        536
9.4.5 renderer和rowaction        538
9.4.6 动态操纵record        546
9.4.7 数据格式化        553
9.4.8 综合应用editorgridpanel        555
9.4.9 gridpanel中的右键菜单        559
9.5 tree系        561
9.5.1 装配“树形”json结构        561
9.5.2 动态加载数据        566
9.5.3 监听事件        569
9.5.4 编辑节点数据        572
9.5.5 节点拖曳        573
9.5.6 节点过滤        575
9.5.7 columntree        578
9.6 dataview系        580
9.7 特殊组件        582
9.7.1 文件上传        582
9.7.2 网页编辑器        586
9.7.3 调色板        588
第10章 详解ui组件核心机制
10.1 ui生命周期概述        591
10.2 详解生命周期        593
10.2.1 事件机制        593
10.2.2 组件查找机制        595
10.2.2.1 使用ext.getcmp        595
10.2.2.2 componentmgr源码解析        597
10.2.3 初始化机制        600
10.2.3.1 拷贝配置属性        602
10.2.3.2 生成id        603
10.2.3.3 初始化initcomponent        603
10.2.4 插件机制        608
10.2.5 渲染机制        608
10.2.5.1 触发beforerender事件        610
10.2.5.2 开始渲染onrender        611
10.2.5.3 应用样式        615
10.2.5.4 完成渲染afterrender        616
10.2.5.5 持久化        617
10.2.5.6 布局        618
10.2.6 懒渲染机制        619
10.2.6.1 直接创建        620
10.2.6.2 使用xtype        620
10.2.7 销毁机制        622
10.2.8 总结        623
10.3 gridpanel核心机制        623
10.3.1 概述        623
10.3.2 详解gridview        624
10.3.2.1 gridpanel和gridview
协作关系        624
10.3.2.2 标签模板初始化        625
10.3.2.3 gridview对store的监听        627
10.3.3 数据模型        628
10.3.4 选中模式        631
10.4 formpanel核心机制        632
10.4.1 概述        632
10.4.2 field和vtype        634
10.5 treepanel核心机制        634
10.5.1 treeloader加载数据        635
10.5.2 树的事件机制        637
第11章 布局管理器
11.1 全面掌握ext布局        639
11.1.1 absolutelayout        640
11.1.2 accordionlayout        641
11.1.3 anchorlayout        642
11.1.4 autolayout        643
11.1.5 borderlayout        644
11.1.6 cardlayout        645
11.1.7 columnlayout        646
11.1.8 fitlayout        647
11.1.9 formlayout        648
11.1.10 hboxlayout        649
11.1.11 menulayout        650
11.1.12 tablelayout        651
11.1.13 toolbarlayout        651
11.1.14 vboxlayout        652
11.2 综合应用viewport        652
11.3 布局核心源码详解        654
11.3.1 布局管理器概述        654
11.3.2 渲染完成后的布局操作        656
11.3.3 container.dolayout        657
第12章 扩展ui组件
12.1 概述        660
12.2 常用扩展组件介绍        661
12.2.1 下拉树combotree        661
12.2.2 详解combotree的实现
细节        666
12.2.2.1 从filed到combobox        666
12.2.2.2 ext.form.field        667
12.2.2.3 ext.form.textfield        669
12.2.2.4 ext.form.triggerfield        669
12.2.2.5 ext.form.combobox        673
12.2.3 日期选择器        675
12.2.4 desktop和portal        678
12.2.4.1 desktop实例分析        678
12.2.4.2 portal实例分析        680
12.5 扩展组件的技巧        682
12.5.1 是否真的需要继承        682
12.5.2 扩展组件的经典步骤        682
12.5.3 其他注意点        687
12.5.4 如何在项目中使用ui组件        688
12.5.4.1 设计界面原型        688
12.5.4.2 切分组件        689
12.5.4.3 代码实现        689
第13章 模 板
13.1 概述        693
13.2 ext模板用法        697
13.2.1 基本拳脚功夫：基础用法        697
13.2.1.1 ext.template的基础用法        697
13.2.1.2 ext.xtempate的基础用法        701
13.2.2 青出于蓝：实现“值班
日志”        705
13.2.3 组合拳：与其他组件配合
使用        709
13.2.3.1 一个自定义的留言板        709
13.2.3.2 与dataview配合使用        711
13.3 模板源码解析        714
13.3.1 自己实现template        715
13.3.1.1 概要设计        715
13.3.1.2 详细设计        715
13.3.1.3 编码实现        716
13.3.1.4 单元测试        716
13.3.1.5 说明文档        717
13.3.1.6 重构，增加“预编译”
功能        717
13.3.2 自己实现xtemplate        718
13.3.2.1 实现if标签        718
13.3.2.2 实现for标签        724
13.3.3 ext模板源码解析        727
13.3.3.1 ext.template        728
13.3.3.2 ext.xtemplate        729
第14章 特 效
14.1 使用ext动画        730
14.1.1 调整大小        730
14.1.2 淡入和淡出        732
14.1.3 其他特效        733
14.2 使用拖拽        733
14.2.1 拖拽的基本原理        733
14.2.2 基本ext拖拽        734
14.2.3 目标区域        735
14.2.4 grid和form之间的拖拽        737
第15章 图 表
15.1 使用ext的chart        741
15.1.1 解决本地运行问题        741
15.1.2 用法实例        742
15.1.2.1 前台本地数据        742
15.1.2.2 动态加载远程数据        743
15.1.3 其他类型的chart        746
15.2 ext的chart源码分析        746
15.2.1 swfobject与flash        746
15.2.2 ext.flashcomponenet        747
15.2.2.1 chart系组件概述        747
15.2.2.2 如何把swf渲染到页面中        749
15.2.3 flash技术前景展望        749
15.3 其他chart技术概览        750
15.3.1 svg        750
15.3.1.1 svg技术简介        750
15.3.1.2 基本用法示例        750
15.3.1.3 svg总结        754
15.3.2 vml        754
15.3.2.1 vml技术简介        754
15.3.2.2 实例代码        755
15.3.2.3 学习资源        756
第16章 报 表
16.1 客户端报表activexobject        757
16.1.1 导出基本html页面数据        757
16.1.2 gridpanel导出到excel        762
16.2 后台报表excel、pdf        763
16.2.1 使用jxl生成excel        764
16.2.2 使用itext生成pdf/word        766
第17章 ext 4新特性
17.1 svg图表和动画        769
17.2 新的类结构和加载机制        771
17.2.1 类结构优化        771
17.2.2 继承方式升级        771
17.2.3 mixin机制        772
17.2.4 自动生成getter&setter        772
17.2.5 动态加载类        773
17.3 新的数据模型        774
17.3.1 model和store        774
17.3.2 代理proxy        775
17.3.3 关联关系        776
17.3.4 加载嵌套数据        776
17.4 新的主题引擎        777
第18章 常见问题解答