Ext JS实战（第2版）pdf

Ext JS实战（第2版） 内容简介

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

Ext JS实战（第2版） 目录

第一部分　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

......

第三部分 构建一个应用

第 13 章 类系统基础

第 14 章 构建一个应用

Ext JS实战（第2版） 精彩文摘

在学习 Container 的过程中，你已经看到了 Panel 和 Window 子类。图1-6展示了 Container 其他的一些常用子类。

在图1-6中，可以看到表单面板、标签面板、窗口、工具栏和输入框容器等部件。表单面板用 BasicForm 类封装输入框，用一个 form 元素封装其他子项。所有这些部件都被一个Ext.window.Window 实例包含。

在第6章我们会花一些时间构建一个复杂的用户界面，让你更多地了解表单面板。接下来，我们来看看Ext JS框架所提供的数据呈现部件。