Ext JS权威指南PDF|Epub|txt|kindle电子书版本网盘下载

Ext JS权威指南PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Ext JS 4开发入门1

1.1 学习Ext JS必需的基础知识1

1.2 JSON概述3

1.2.1 认识JSON3

1.2.2 JSON的结构3

1.2.3 JSON的例子4

1.2.4 在JavaScript中使用JSON4

1.2.5 在．NET中使用JSON8

1.2.6 在Java中使用JSON12

1.2.7 更多有关JSON的信息15

1.3 Ext JS 4概述15

1.4 Ext JS的开发工具的获取、安装与配置介绍18

1.4.1 Ext Designer18

1.4.2 在Visual Studio中实现智能提示23

1.4.3 Spket28

1.4.4 在Eclipse中实现智能提示32

1.5 如何获得帮助32

1.6 本章小结33

第2章 从“Hello World”开始34

2.1 获取Ext JS 434

2.2 配置使用Ext JS库35

2.3 编写“Hello World”程序37

2.4 关于Ext.onReady38

2.5 关于Ext.BLANK_IMAGE_URL40

2.6 关于字体42

2.7 Ext JS 4语法42

2.8 本地化60

2.9 为本书示例准备一个模板60

2.10 本章小结61

第3章 调试工具及技巧62

3.1 使用Firebug进行调试62

3.2 在IE中调试76

3.2.1 使用Debugbar和Companion.js调试76

3.2.2 使用IEtester测试80

3.2.3 在IE 8或IE 9中调试83

3.3 在Chrome中调试84

3.4 调试工具的总结84

3.5 调试技巧85

3.6 本章小结89

第4章 Ext JS的基础架构90

4.1 Ext JS框架的命名空间：Ext90

4.1.1 概述90

4.1.2 apply和applyIf方法90

4.1.3 不推荐的extend方法92

4.1.4 数据及其类型检测95

4.1.5 其他的基础方法99

4.2 为框架顺利运行提供支持107

4.2.1 平台检测工具：Ext.is107

4.2.2 当前运行环境检测工具：Ext.supports109

4.3 Ext JS的静态方法112

4.3.1 概述112

4.3.2 Ext.Object中的静态方法113

4.3.3 Ext.Function中的静态方法120

4.3.4 Ext.Array中的静态方法127

4.3.5 Ext.Error中的静态方法133

4.4 深入了解类的创建及管理135

4.4.1 开始创建类135

4.4.2 创建类的类：Ext.Class137

4.4.3 所有继承类的基类：Ext.Base151

4.4.4 实现动态加载：Ext.Loader151

4.4.5 管理类的类：Ext.ClassManager159

4.4.6 类创建的总结161

4.5 动态加载的路径设置163

4.6 综合实例：页面计算器165

4.7 本章小结169

第5章 Ext JS的事件及其应用170

5.1 概述170

5.2 浏览器事件170

5.2.1 绑定浏览器事件的过程：Ext.EventManager170

5.2.2 封装浏览器事件：Ext.EventObject179

5.2.3 移除浏览器事件181

5.3 内部事件184

5.3.1 内部事件对象：Ext.util.Event184

5.3.2 为组件添加事件接口：Ext.util.Observable188

5.3.3 为组件绑定事件189

5.3.4 内部事件的触发过程192

5.3.5 移除事件194

5.4 特定功能的事件对象196

5.4.1 延时任务：Ext.util.DelayedTask196

5.4.2 一般任务：Ext.util.TaskRunner与Ext.TaskManager198

5.4.3 封装好的单击事件：Ext.util.ClickRepeater200

5.5 键盘事件201

5.5.1 为元素绑定键盘事件：Ext.util.KeyMap201

5.5.2 键盘导航：Ext.util.KeyNav204

5.6 综合实例：股票数据的实时更新205

5.7 本章小结214

第6章 选择器与DOM操作215

6.1 Ext JS的选择器：Ext.DomQuery215

6.1.1 选择器的作用215

6.1.2 使用Ext.query选择页面元素215

6.1.3 基本选择符223

6.1.4 属性选择符229

6.1.5 CSS属性值选择符234

6.1.6 伪类选择符235

6.1.7 扩展选择器248

6.1.8 Ext.DomQuery的使用方法249

6.1.9 Ext JS选择器的总结252

6.2 获取单一元素：Ext.dom.Element252

6.2.1 从错误开始252

6.2.2 使用Ext.get获取元素253

6.2.3 使用Ext.fly获取元素256

6.2.4 使用Ext.getDom获取元素257

6.2.5 获取元素的总结258

6.3 元素生成器：Ext.dom.Helper258

6.3.1 概述258

6.3.2 使用createHtml或markup方法生成HTML代码258

6.3.3 使用createDOM方法生成DOM对象261

6.3.4 使用createTemplate方法创建模板263

6.3.5 Helper对象的使用方法263

6.4 元素的操作273

6.5 获取元素集合：Ext.CompositeElementLite与Ext.CompositeElement277

6.5.1 使用Ext.select获取元素集合277

6.5.2 Ext.dom.CompositeElement与Ext.dom.CompositeElementLite的区别279

6.5.3 操作元素集合279

6.6 综合实例：可折叠的面板Accordion280

6.7 本章小结283

第7章 数据交互284

7.1 数据交互基础284

7.1.1 Ajax概述284

7.1.2 封装Ajax：Ext.data.Connection与Ext.Ajax284

7.1.3 使用Ajax291

7.1.4 跨域获取数据：Ext.data.JsonP295

7.1.5 为Element对象提供加载功能：Ext.ElementLoader295

7.1.6 为组件提供加载功能：Ext.ComponentLoader296

7.2 代理299

7.2.1 代理概述299

7.2.2 基本的代理：Ext.data.proxy.Proxy300

7.2.3 进行批量操作：Ext.data.Batch与Ext.data.Operation303

7.2.4 服务器端代理：Ext.data.proxy.Server305

7.2.5 使用Ajax处理数据的代理：Ext.data.proxy.Ajax与Ext.data.proxy.Rest308

7.2.6 跨域处理数据的代理：Ext.data.proxy.JsonP312

7.2.7 为Ext.Direct服务的代理：Ext.data.proxy.Direct312

7.2.8 客户端代理：Ext.data.proxy.Client314

7.2.9 从变量中提取数据的代理：Ext.data.proxy.Memory314

7.2.10 使用浏览器存储的代理：Ext.data.WebStorageProxy、Ext.data.SessionStorageProxy和Ext.data.proxy.LocalStorage314

7.3 读取和格式化数据315

7.3.1 概述315

7.3.2 数据的转换过程：Ext.data.reader.Xml、Ext.data.reader.Json和Ext.data.reader.Array315

7.3.3 Reader对象的配置项321

7.3.4 格式化提交数据：Ext.data.writer.Writer、Ext.data.writer.JSON和Ext.data.writer.Xml322

7.3.5 Writer对象的配置项325

7.4 数据模型326

7.4.1 概述326

7.4.2 数据类型及排序类型：Ext.data.Types与Ext.data.SortTypes326

7.4.3 数据模型的骨架——字段：Ext.data.Field330

7.4.4 数据集：Ext.util.AbstractMixedCollection与Ext.util.MixedCollection330

7.4.5 数据验证及错误处理：Ext.data.validations与Ext.data.Errors332

7.4.6 模型的关系：Ext.data.Association、Ext.data.HasManyAssociation和Ext.data.BelongsToAssociation334

7.4.7 管理数据模型：Ext.AbstractManager与Ext.ModelManager336

7.4.8 定义数据模型：Ext.data.Model336

7.4.9 数据模型的定义过程337

7.4.10 数据模型的创建340

7.4.11 数据模型的配置项、属性和方法343

7.5 Store344

7.5.1 概述344

7.5.2 Store对象的实例化过程345

7.5.3 TreeStore对象的实例化过程348

7.5.4 Ext.data.Store加载数据的方法350

7.5.5 Ext.data.TreeStore加载数据的方法354

7.5.6 Store的配置项358

7.5.7 Store的分页359

7.5.8 Store的排序：Ext.util.Sorter与Ext.util.Sortable360

7.5.9 Store的过滤：Ext.util.Filter363

7.5.10 Store的分组：Ext.util.Grouper363

7.5.11 树节点：Ext.data.NodeInterface与Ext.data.Tree364

7.5.12 Store的方法366

7.5.13 Store的事件368

7.5.14 Store管理器：Ext.data.StoreManager369

7.6 综合实例369

7.6.1 远程读取JSON数据369

7.6.2 读取XML数据378

7.6.3 Store的数据操作379

7.7 本章小结384

第8章 模板与组件基础385

8.1 模板385

8.1.1 模板概述385

8.1.2 Ext.Template的创建与编译385

8.1.3 格式化输出数据：Ext.String、Ext.Number、Ext.Date和Ext.util.Format389

8.1.4 超级模板：Ext.XTemplate（包括Ext.XTemplateParser和Ext.XTemplateCompiler）393

8.1.5 模板的方法396

8.2 组件的基础知识396

8.2.1 概述396

8.2.2 组件类的整体架构397

8.2.3 布局类的整体架构402

8.2.4 组件的创建流程403

8.2.5 常用的组件配置项、属性、方法和事件415

8.3 为组件添加功能418

8.3.1 为元素添加阴影：Ext.Shadow与Ext.ShadowPool418

8.3.2 为组件提供阴影和shim功能：Ext.Layer419

8.3.3 让组件实现浮动功能：Ext.util.Floating420

8.3.4 记录组件状态：Ext.state.Stateful420

8.3.5 实现调整大小功能：Ext.resizer.Resizer与Ext.resizer.ResizeTracker420

8.3.6 为组件提供拖动功能：Ext.util.ComponentDragger421

8.3.7 为组件实现动画功能：Ext.util.Animate422

8.3.8 其他的组件辅助功能类423

8.4 组件的管理423

8.4.1 组件管理及查询：Ext.ComponentManager与Ext.ComponentQuery423

8.4.2 焦点管理：Ext.FocusManager424

8.4.3 z-order管理：Ext.ZindexManager与Ext.WindowManager425

8.4.4 状态管理：Ext.state.Manager、Ext.state.Provider、Ext.state.Local-StorageProvider和Ext.state.CookieProvider426

8.5 综合实例426

8.5.1 使用子模板426

8.5.2 递归调用模板428

8.6 本章小结429

第9章 容器、面板、布局和视图430

9.1 容器与布局的关系430

9.2 容器431

9.2.1 容器的创建过程：Ext.container.AbstractContainer与Ext.container.Container431

9.2.2 Ext.container.AbstractContainer和Ext.container.Container的配置项、属性、方法和事件434

9.2.3 将body元素作为容器：Ext.container.Viewport435

9.3 面板436

9.3.1 面板的结构436

9.3.2 构件的放置：dockedItems438

9.3.3 面板标题栏构件：Ext.panel.Header与Ext.panel.Tool438

9.3.4 记录和恢复面板属性：Ext.util.Memento439

9.3.5 面板常用的配置项、方法和事件439

9.4 布局441

9.4.1 布局概述441

9.4.2 布局的运行流程：Ext.layout.Layout441

9.4.3 容器类布局基类：Ext.layout.container.Container442

9.4.4 盒子布局、垂直布局与水平布局：Ext.layout.container.Box、Ext.layout.container.VBox与Ext.layout.container.HBox442

9.4.5 为盒子模型提供调整大小的功能：Ext.resizer.Splitter445

9.4.6 手风琴布局：Ext.layout.container.Accordion447

9.4.7 锚固布局：Ext.layout.container.Anchor448

9.4.8 绝对定位布局：Ext.layout.container.Absolute450

9.4.9 边框布局：Ext.layout.container.Border451

9.4.10 自动布局：Ext.layout.container.Auto453

9.4.11 表格布局：Ext.layout.container.Table454

9.4.12 列布局：Ext.layout.container.Column455

9.4.13 自适应布局：Ext.layout.container.AbstractFit与Ext.layout.container.Fit456

9.4.14 卡片布局：Ext.layout.container.AbstractCard与Ext.layout.container.Card456

9.5 标签面板458

9.5.1 标签面板的构成及其运行流程：Ext.tab.Panel、Ext.tab.Bar与Ext.tab.Tab458

9.5.2 标签面板的配置项、属性、方法和事件462

9.5.3 使用标签页463

9.5.4 可重用的标签页465

9.6 视图与选择模型465

9.6.1 视图与选择模型概述465

9.6.2 视图的运行流程：Ext.view.AbstractView与Ext.view.View466

9.6.3 选择模型的工作流程475

9.6.4 选择模型的配置项、属性、方法和事件480

9.6.5 视图的配置项、属性、方法和事件482

9.6.6 使用视图484

9.7 页面布局设计491

9.8 综合实例492

9.8.1 布局设计实例：仿Eclipse界面492

9.8.2 在单页面应用中使用卡片布局实现“页面”切换496

9.9 本章小结498

第10章 重构后的Grid500

10.1 Grid的基类及其构成500

10.1.1 概述500

10.1.2 表格面板的运行流程：Ext.panel.Table500

10.1.3 表格视图的运行流程：Ext.view.Table与Ext.view.TableChunker505

10.1.4 列标题容器的运行流程：Ext.grid.header.Container508

10.1.5 列标题的运行流程：Ext.grid.column.Column510

10.1.6 虚拟滚动条的工作原理：Ext.grid.PagingScroller511

10.1.7 锁定列的运行流程：Ext.grid.Lockable与Ext.grid.LockingView516

10.2 使用Grid520

10.2.1 最简单的Grid520

10.2.2 列的配置项521

10.2.3 自定义单元格的显示格式523

10.2.4 通过列对象定义单元格的显示格式525

10.2.5 设置行的背景颜色532

10.2.6 列标题的分组533

10.2.7 使用锁定列534

10.2.8 Grid的配置项、属性、方法和事件535

10.3 Grid的附加功能537

10.3.1 概述537

10.3.2 附加功能基类：Ext.grid.featrue.Featrue537

10.3.3 为行添加附加信息：Ext.grid.featrue.RowBody538

10.3.4 数据汇总功能：Ext.grid.featrue.AbstractSummary与Ext.grid.featrue.Summary539

10.3.5 分组功能：Ext.grid.featrue.Grouping543

10.3.6 分组汇总功能：Ext.grid.featrue.GroupingSummary545

10.4 可编辑的Grid546

10.4.1 概述546

10.4.2 Grid实现可编辑功能的运行流程：Ext.grid.plugin.Editing547

10.4.3 单元格编辑的运行流程：Ext.grid.plugin.CellEditing、Ext.grid.CellEditor与Ext.Editor550

10.4.4 行编辑的运行流程：Ext.grid.plugin.RowEditing与Ext.grid.RowEditor556

10.4.5 在Grid中使用单元格编辑模式561

10.4.6 在Grid中使用行编辑模式562

10.4.7 Grid编辑插件的配置项、属性、方法和事件563

10.5 关于列表视图：ListView564

10.6 属性Grid564

10.6.1 概述564

10.6.2 使用属性Grid564

10.6.3 自定义编辑组件565

10.6.4 PropertyGrid的配置项、属性、方法和事件566

10.7 综合实例567

10.7.1 使用不同选择模型的Grid以及设置默认选择行567

10.7.2 Grid的本地排序和过滤569

10.7.3 使用分页工具条（PagingToolbar）实现远程分页、排序和过滤570

10.7.4 使用分页滚动条（PagingScroller）实现远程分页、排序和过滤574

10.7.5 使用CellEditing实现数据的增删改578

10.7.6 使用RowEditing实现数据的增删改587

10.7.7 主从表的显示589

10.8 本章小结595

第11章 与Grid同源的树597

11.1 树的构成597

11.1.1 概述597

11.1.2 树面板的运行流程：Ext.tree.Panel597

11.1.3 TreeStore的运行流程：Ext.data.TreeStore600

11.1.4 TreeColumn的运行流程：Ext.tree.Column602

11.1.5 视图的运行流程：Ext.tree.View与Ext.data.NodeStore602

11.1.6 树的选择模型：Ext.selection.TreeModel603

11.2 树的使用603

11.2.1 一个最简单的树603

11.2.2 树节点的默认字段603

11.2.3 为树节点添加附加字段604

11.2.4 显示多列数据（TreeGrid效果）605

11.2.5 在树中使用复选框605

11.2.6 树的配置项、属性、方法和事件607

11.3 综合实例608

11.3.1 树的远程加载608

11.3.2 树的动态加载及节点维护610

11.3.3 XML树及节点维护617

11.3.4 使用树动态控制Grid的显示622

11.4 本章小结625

第12章 表单626

12.1 表单的构成及操作626

12.1.1 表单面板的运行流程：Ext.form.Panel与Ext.form.FieldAncestor626

12.1.2 表单面板的配置项、属性、方法和事件628

12.1.3 表单的管理：Ext.form.Basic629

12.1.4 BasicForm的配置项、属性、方法和事件635

12.1.5 表单的操作：Ext.form.action.Action636

12.1.6 加载操作的运行流程：Ext.form.action.Load与Ext.form.action.DirectLoad637

12.1.7 提交操作的运行流程：Ext.form.action.Submit、Ext.form.action.DirectSubmit与Ext.form.action.StandardSubmit641

12.1.8 字段的构成643

12.1.9 BaseField的配置项、属性、方法和事件643

12.1.10 常用的验证函数：Ext.form.field.VTypes647

12.2 使用字段647

12.3 使用Trigger类字段664

12.3.1 具有单击功能的字段：Ext.form.field.Trigger664

12.3.2 实现微调功能的Spinner字段665

12.3.3 使用NumberField字段666

12.3.4 下拉选择类字段的基类：Ext.form.field.Picker667

12.3.5 使用DateField字段667

12.3.6 使用TimeField字段669

12.4 使用ComboBox字段669

12.4.1 概述669

12.4.2 BoundList对象的运行流程670

12.4.3 ComboBox字段的配置项、属性、方法和事件671

12.4.4 最简单的ComboBox672

12.4.5 自定义列表显示格式的ComboBox673

12.4.6 动态调整ComboBox的列表数据674

12.4.7 实现ComboBox的联动676

12.4.8 使用ComboBox的查询功能684

12.4.9 设置ComboBox的默认值688

12.5 表单的验证和加载数据690

12.5.1 表单的验证及错误显示方式690

12.5.2 为表单加载数据695

12.6 在表单中使用布局701

12.6.1 分列显示表单的字段701

12.6.2 使用Fieldset作为列容器703

12.6.3 使用两列布局加HtmlEditor的表单704

12.6.4 在表单中使用标签页705

12.7 综合实例：实现Products表的管理功能706

12.8 本章小结715

第13章 窗口716

13.1 窗口：Ext.window.Window716

13.1.1 窗口的构成716

13.1.2 窗口的配置项、属性、方法和事件716

13.1.3 使用窗口718

13.1.4 在窗口内使用布局719

13.2 信息提示窗口：Ext.window.MessageBox720

13.2.1 概述720

13.2.2 信息提示窗口的构成720

13.2.3 使用信息提示窗口722

13.2.4 信息提示窗口按钮的本地化723

13.2.5 使用alert方法724

13.2.6 使用confirm方法724

13.2.7 使用progress方法725

13.2.8 使用prompt方法726

13.2.9 使用wait方法727

13.2.10 使用信息提示窗口要注意的问题727

13.3 综合实例：实现登录窗口729

13.4 本章小结733

第14章 按钮、菜单与工具条734

14.1 按钮734

14.1.1 按钮的构成：Ext.button.Button734

14.1.2 按钮的配置项、属性、方法和事件734

14.1.3 使用按钮736

14.1.4 带分割线的按钮：Ext.button.Split737

14.1.5 多状态按钮：Ext.button.Cycle737

14.1.6 按钮组：Ext.container.ButtonGroup738

14.2 菜单及菜单项739

14.2.1 Ext JS的菜单（Menu对象）是什么739

14.2.2 菜单管理器：Ext.menu.Manager740

14.2.3 菜单项：Ext.menu.Item740

14.2.4 可复选的菜单项：Ext.menu.CheckItem741

14.2.5 菜单分隔条：Ext.menu.Separator741

14.2.6 颜色选择器菜单：Ext.menu.ColorPicker742

14.2.7 日期选择菜单：Ext.menu.DatePicker742

14.2.8 使用菜单742

14.3 工具栏及工具栏组件743

14.3.1 工具栏：Ext.toolbar.Toolbar743

14.3.2 非交互式工具栏条目的基类：Ext.toolbar.Item743

14.3.3 文本项：Ext.toolbar.TextItem744

14.3.4 填充项：Ext.toolbar.Fill744

14.3.5 工具栏分隔条：Ext.toolbar.Separator744

14.3.6 空白项：Ext.toolbar.Spacer744

14.3.7 分页工具栏：Ext.toolbar.Paging744

14.3.8 使用工具栏747

14.4 使用Ext.Action747

14.4.1 概述747

14.4.2 Action对象配置项和方法748

14.4.3 使用示例748

14.5 综合实例：在Grid中使用右键菜单750

14.6 本章小结752

第15章 图形与图表753

15.1 基础知识753

15.1.1 SVG简介753

15.1.2 VML简介754

15.2 图形介绍755

15.2.1 概述755

15.2.2 画布的工作流程：Ext.draw.Component755

15.2.3 图形引擎及接口：Ext.draw.Surface、Ext.draw.engine.Svg和Ext.draw.engine.Vml757

15.2.4 画笔：Ext.draw.Sprite760

15.2.5 图层：Ext.draw.CompositeSprite760

15.2.6 调色板：Ext.draw.Color760

15.2.7 辅助对象：Ext.draw.Draw与Ext.draw.Matrix760

15.3 使用图形功能760

15.3.1 简单的开始760

15.3.2 DrawComponent对象的配置项、属性、方法和事件761

15.3.3 Surface对象的配置项、属性、方法和事件761

15.3.4 DrawSprite对象的配置项、属性、方法和事件762

15.3.5 CompositeSprite对象的配置项、属性、方法和事件763

15.3.6 使用基本图形764

15.3.7 使用图片765

15.3.8 使用路径766

15.3.9 移动、旋转和缩放图形767

15.3.10 使用渐变效果770

15.3.11 使用图层771

15.4 图表介绍772

15.4.1 概述772

15.4.2 图表的工作流程773

15.5 使用图表776

15.5.1 从一个简单例子开始776

15.5.2 坐标轴的配置项777

15.5.3 Series对象的配置项、属性、方法和事件779

15.5.4 折线图的配置项780

15.5.5 显示多个折线图及使用图例782

15.5.6 使用面积图783

15.5.7 简单条形图（Bar和ColumnChart）及使用标签（Label对象）785

15.5.8 堆积条形图787

15.5.9 分组条形图788

15.5.10 自定义条形颜色789

15.5.11 使用散点图789

15.5.12 使用饼图791

15.5.13 自定义饼块颜色792

15.5.14 使用表盘图792

15.5.15 使用雷达图795

15.5.16 使用时间轴796

15.5.17 实现实时动态的图表797

15.5.18 使用组合图800

15.5.19 在图表中使用背景801

15.5.20 在图表中自定义主题803

15.6 本章小结805

第16章 其他组件及实用功能806

16.1 其他组件806

16.2 使用滑块812

16.3 使用提示信息814

16.4 实用功能822

16.5 本章小结826

第17章 可简化通信的Ext.Direct827

17.1 准备工作827

17.2 Ext.Direct的工作原理及构成827

17.2.1 工作原理827

17.2.2 Ext.Direct的构成828

17.2.3 RemotingProvider对象的具体工作流程829

17.2.4 PollingProvider对象的具体工作流程838

17.3 配置Ext.Direct的使用环境839

17.3.1 概述839

17.3.2 .NET环境的配置839

17.3.3 Java环境的配置842

17.4 使用Ext.Direct846

17.4.1 概述846

17.4.2 使用DirectProxy及进行CURD操作846

17.4.3 使用Ext.Direct实现树的动态加载及节点维护854

17.4.4 使用DirectLoad为表单加载数据858

17.4.5 使用DirectSubmit提交表单及使用Session863

17.4.6 使用Ext.Direct上传文件866

17.4.7 使用PollingProvider对象868

17.4.8 错误处理871

17.5 本章小结872

第18章 动画功能873

18.1 动画功能的构成及工作流程873

18.1.1 概述873

18.1.2 动画功能的工作流程：Ext.fx.Anim874

18.1.3 分步动画的工作流程：Ext.fx.Animato r877

18.2 使用动画880

18.2.1 由最简单的动画开始880

18.2.2 过渡效果使用的功能函数介绍880

18.2.3 使用分步动画882

18.2.4 注意的问题883

18.3 在Element对象中使用动画883

18.4 本章小结888

第19章 拖放功能889

19.1 拖放功能的构成及工作流程889

19.1.1 概述889

19.1.2 DragDropManager对象的工作流程891

19.1.3 注册节点：Ext.dd.Registry893

19.1.4 一般拖动功能的工作流程：Ext.dd.DD894

19.1.5 DragSource对象的工作流程897

19.1.6 DropTarget对象的工作流程898

19.1.7 DragZone对象的工作流程899

19.1.8 DropZone对象的工作流程899

19.2 使用拖放功能899

19.2.1 最简单的拖动效果899

19.2.2 使用DragSource对象与DropTarget对象900

19.2.3 使用DragZone对象与DropZone对象（使用Registry对象）902

19.2.4 使用DragZone对象与DropZone对象（不使用Registry对象）903

19.2.5 通过拖动实现节点排序904

19.2.6 使用GridViewDropZonePlugin插件905

19.2.7 使用TreeViewDragDropPlugin插件907

19.2.8 关于Grid和Tree拖动后的数据保存问题910

19.3 本章小结910

第20章 扩展与插件911

20.1 扩展与插件的区别911

20.2 扩展与插件如何选择911

20.3 如何编写扩展911

20.3.1 命名空间911

20.3.2 定义扩展912

20.3.3 定义别名912

20.3.4 定义备用名912

20.3.5 要求加载的类：requires与uses912

20.3.6 混入功能913

20.3.7 构造函数与initComponent方法913

20.3.8 静态属性和方法与单件模式913

20.3.9 可自动生成set和get方法的属性与initConfig方法914

20.3.10 在扩展中常用的方法914

20.3.11 编写扩展：TreeComboBox914

20.4 如何编写插件920

20.4.1 概述920

20.4.2 AbstractPlugin对象921

20.4.3 插件的别名921

20.4.4 编写插件：RowColor922

20.5 扩展和插件介绍923

20.5.1 概述923

20.5.2 本地分页代理：Ext.ux.data.PagingMemoryProxy923

20.5.3 标签滚动菜单：Ext.ux.TabScrollerMenu925

20.5.4 编辑器TinyMCE926

20.6 本章小结928

第21章 主题开发929

21.1 准备工作929

21.1.1 安装Ruby929

21.1.2 安装Compass930

21.1.3 SASS介绍931

21.2 为Ext JS 4创建新主题933

21.2.1 概述933

21.2.2 目录结构933

21.2.3 修改配置933

21.2.4 编译935

21.2.5 测试主题935

21.3 通过ui配置项设置组件样式937

21.4 本章小结937

第22章 MVC应用架构938

22.1 MVC应用架构的构成及工作流程938

22.1.1 构成938

22.1.2 控制器的工作流程：Ext.app.Controller938

22.1.3 Application对象的工作流程940

22.2 一步一步实现MVC框架942

22.2.1 概述942

22.2.2 创建目录942

22.2.3 创建首页942

22.2.4 创建启动脚本：app.js943

22.2.5 定义登录对话框944

22.2.6 创建应用脚本：Application.js948

22.2.7 创建Viewport视图949

22.2.8 菜单视图及控制器950

22.2.9 实现订单管理952

22.2.10 实现产品管理958

22.2.11 示例效果969

22.3 本章小结970

附录 简写类名与Ext JS类名对照表971