深入浅出Ext JS（第3版）

第1章

Ext概述

何为Ext

1.1.1

Ext版本变迁

1.1.2

Ext到底是收费的还是免费的

下载Ext发布包

查看Ext自带的API和示例

1.3.1

绚丽的产品文档

1.3.2

丰富的组件库

1.3.3

更多高级组件

第一个示例Hello World

1.4.1

直接使用下载的发布包

1.4.2

在项目中使用Ext

调试工具Firebug

开发中的常见问题

1.6.1

有些示例必须放在服务器上才能看到效果

1.6.2

IE浏览器逗号问题

1.6.3

Ext的汉化

小结

第2章

Ext框架基础

面向对象的基础架构

2.1.1

创建新类

2.1.2

对象继承

2.1.3

多重继承

2.1.4

自动生成代码

统一的组件模型

2.2.1

Ext.Component

2.2.2

Ext.Panel

2.2.3

Ext.Container

完善的事件机制

2.3.1

自定义事件

2.3.2

浏览器事件

2.3.3

Ext.EventObjectImpl

2.3.4

Ext.util.Observable

2.3.5

Ext.EventManager

小结

第3章

表格控件

表格的特性简介

制作一个简单的表格

表格常用功能详解

3.3.1

部分属性功能

3.3.2

自主决定每列的宽度

3.3.3

让表格支持按列排序

3.3.4

解决中文排序

3.3.5

显示日期类型数据

表格渲染

给表格的行和列设置颜色

自动显示行号和复选框

3.6.1

自动显示行号

3.6.2

复选框

选择模型

表格视图——Ext.grid.GridView

表格分页

3.9.1

为表格添加分页工具条

3.9.2

通过后台脚本获得分页数据

3.9.3

分页工具条显示在表格的顶部

3.9.4

让Ext支持前台分页

后台排序

多重排序

可编辑表格控件——EditorGrid

3.12.1

制作一个简单的EditorGrid

3.12.2

添加一行数据

3.12.3

保存修改结果

3.12.4

限制输入数据的类型

属性表格控件——PropertyGrid

3.13.1

简介

3.13.2

只能看不能动的PropertyGrid

分组表格控件——GroupingGrid

3.14.1

分组表格简介

3.14.2

分组表格视图

可拖放的表格

3.15.1

通过拖放改变表格的大小

3.15.2

在同一个表格里拖放

3.15.3

表格之间的拖放

表格与右键菜单

基于表格的扩展插件

3.17.1

行编辑器

3.17.2

进度条分页组件

3.17.3

缓冲式表格视图

3.17.4

分组表头

3.17.5

锁定列

3.17.6

树形表格

3.17.7

表格过滤组件

小结

第4章

表单与输入控件

制作表单

FormPanel和BasicForm详解

Ext支持的输入组件

4.3.1

控件继承图

4.3.2

表单控件

4.3.3

基本输入控件Ext.form.Field

4.3.4

文本输入控件Ext.form.TextField

4.3.5

多行文本输入控件Ext.form.TextArea

4.3.6

日期输入控件Ext.form.DateField

4.3.7

时间输入控件Ext.form.TimeField

4.3.8

在线编辑器Ext.form.HtmlEditor

4.3.9

隐藏域Ext.form.Hidden

4.3.10

如何使用input type= "image"

ComboBox详解

4.4.1

ComboBox简介

4.4.2

将Select转换成ComboBox

4.4.3

ComboBox结构详解

4.4.4

ComboBox读取远程数据

4.4.5

ComboBox的高级配置

4.4.6

监听用户选择的数据

4.4.7

使用本地数据实现省、市、县级联

4.4.8

使用后台数据实现省、市、县级联

4.4.9

添加MultiSelect和ItemSelector扩展以及示例

复选框和单选按钮

4.5.1

复选框

4.5.2

单选按钮

4.5.3

CheckboxGroup和RadioGroup控件

滑动条表单控件

表单布局

4.7.1

默认的平铺布局

4.7.2

平行分列布局

4.7.3

在布局中使用fieldset

4.7.4

在fieldset中使用布局

4.7.5

自定义布局

数据校验

4.8.1

输入不能为空

4.8.2

最大长度和最小长度

4.8.3

借助vtype

4.8.4

自定义校验规则

4.8.5

算不上校验的NumberField

4.8.6

使用后台返回的校验信息

使用表单提交数据

4.9.1

Ext默认的提交形式

4.9.2

使用HTML原始的提交形式

4.9.3

单纯Ajax

4.9.4

文件上传

4.9.5

文件上传控件

自动把数据填充到表单中

小结

第5章

树形结构

TreePanel的基本使用

5.1.1

创建一棵树

5.1.2

为树添加枝和叶

5.1.3

树形的配置

5.1.4

使用TreeStore获得数据

5.1.5

使用JSP提供后台数据

5.1.6

通过XML加载树形

树的事件

右键菜单

修改节点的默认图标

从节点弹出对话框

节点提示信息

为节点设置超链接

树形的拖放

5.8.1

节点拖放的3种形式

5.8.2

叶子不能append

5.8.3

判断拖放的目标

5.8.4

树之间的拖放

对树进行排序

带Checkbox的树形

表格与树形的结合

更多树形的高级应用

5.12.1

如何选中树的某个节点

5.12.2

刷新树的所有节点

5.12.3

借用grid的缓冲视图插件

5.12.4

借用grid的锁定插件

小结

第6章

布局

布局的用途

最简单的布局——FitLayout

常用的边框布局——BorderLayout

6.3.1

设置子区域的大小

6.3.2

使用split并限制它的范围

6.3.3

子区域的展开和折叠

制作伸缩菜单的布局——Accordion

实现操作向导的布局——CardLayout

控制位置和大小的布局——AnchorLayout和AbsoluteLayout

表单专用的布局——FormLayout

分列布局——ColumnLayout

表格状布局——TableLayout

BoxLayout——HBox

BoxLayout——VBox

Ext.TabPanel

6.12.1

标签面板的滚动菜单

6.12.2

竖直分组的标签面板

与布局相关的其他知识

6.13.1

超类Ext.Container的公共配置与xtype的概念

6.13.2

layout的超类Ext.layout.ContainerLayout

6.13.3

不指定任何布局时会发生的情况

6.13.4

使用Viewport对整个页面进行布局

6.13.5

使用嵌套实现复杂布局

小结

第7章

弹出窗口

Ext.MessageBox

7.1.1

Ext.MessageBox.alert()

7.1.2

Ext.MessageBox.confirm()

7.1.3

Ext.MessageBox.prompt()

对话框的更多配置

7.2.1

可以输入多行的输入框

7.2.2

自定义对话框的按钮

7.2.3

进度条

7.2.4

动画效果

Ext.Window的常用属性

7.3.1

创建窗口

7.3.2

窗口的最大化和最小化

7.3.3

窗口的隐藏与销毁

7.3.4

防止窗口超出浏览器边界

7.3.5

设置窗口中的按钮

7.3.6

窗口的其他配置选项

窗口分组

向窗口中放入各种控件

7.5.1

在窗口中加入表格

7.5.2

在窗口中加入表单

7.5.3

复杂布局

小结

第8章

工具条和菜单

简单菜单

向菜单中添加分隔线

多级菜单

高级菜单

8.4.1

多选菜单和单选菜单

8.4.2

日期菜单

8.4.3

颜色菜单

8.4.4

在菜单中添加其他组件

8.4.5

使用Ext.menu.MenuMgr统一管理菜单

工具条组件详解

8.5.1

Ext.Toolbar.Button

8.5.2

Ext.Toolbar.TextMenu

8.5.3

Ext.Toolbar.Spacer

8.5.4

Ext.Toolbar.Separator

8.5.5

Ext.Toolbar.Fill

8.5.6

Ext.Toolbar.SplitButton

8.5.7

为工具条添加HTML标签

8.5.8

为工具条添加输入控件

分页工具条

8.6.1

Ext.PagingToolbar的基本用法

8.6.2

向Ext.PagingToolbar添加按钮组件

右键弹出菜单

处理工具条溢出

工具条中的分组按钮

更多工具条插件

状态栏

小结

第9章

数据存储与传输

Ext.data命名空间下的常用组件简介

Ext.data.Connection

Ext.data.Record

Ext.data.Store

9.4.1

基本应用

9.4.2

对数据进行排序

9.4.3

从store中获取数据

9.4.4

更新store中的数据

9.4.5

加载及显示数据

9.4.6

其他功能

常用Proxy

9.5.1

MemoryProxy

9.5.2

HttpProxy

9.5.3

ScriptTagProxy

常用Reader

9.6.1

ArrayReader

9.6.2

JsonReader

9.6.3

XmlReader

高级store

Ext中的Ajax

9.8.1

最容易看到的Ext.Ajax

9.8.2

使用Ajax获取和提交数据时出现乱码

关于scope和bind()

Ext Direct

9.10.1

简介

9.10.2

洞悉Ext Direct的原理

9.10.3

使用directjngine支持Ext Direct

小结

第10章

用户扩展与插件

介绍用户扩展

编写用户扩展所需的基础知识

10.2.1

继承模型

10.2.2

了解Component的生命周期

编写自定义用户扩展

介绍Ext的插件体系

常用扩展组件一：UploadDialog

常用扩展组件二：Ext.ux.IFrame

小结

第11章

拖放

拖放简介

拖放的简单应用

拖放组件体系

拖放的事件

高级拖放

11.5.1

基础

11.5.2

控制柄

11.5.3

总在最上面

11.5.4

代理

11.5.5

分组

11.5.6

网格

11.5.7

拖放圆形

11.5.8

拖放范围

小结

第12章

实用工具

Ext提供的常用函数

12.1.1

onReady()函数

12.1.2

以get开头的函数

12.1.3

encode()函数和decode()函数

12.1.4

extend()函数

12.1.5

apply()函数和applyIf()函数

12.1.6

namespace()函数

12.1.7

Ext.each()函数

使用DomHelper和Template动态生成HTML

12.2.1

使用DomHelper生成小片段

12.2.2

Ext.DomHelper.apply Styles()函数

12.2.3

模板

12.2.4

Ext.DomHelper.create Template()函数

12.2.5

复杂模板XTemplate

图形报表

12.3.1

柱状图

12.3.2

横向柱状图

12.3.3

折线图

12.3.4

饼状图

12.3.5

柱状堆栈图

12.3.6

横向柱状堆栈图

12.3.7

混合图

12.3.8

drawing

悬停提示

12.4.1

初始化

12.4.2

注册提示

12.4.3

标签提示

12.4.4

全局配置

12.4.5

个体配置

用Ext.Utils.CSS切换主题

使用fx实现动画效果

小结

第13章

一个完整的Ext应用

确定整体布局

使用HTML和CSS设置静态信息

对学生信息进行数据建模

在页面中显示学生信息列表

添加表单编辑学生信息

为表单添加提交事件

清空表单信息

删除指定的学生信息

在表格和表单之间进行数据交互

提升加载速度

13.10.1

对JavaScript进行压缩混淆

13.10.2

使用客户端缓存

13.10.3

使用GZIP压缩

小结

第14章

应用MVC

为啥要用MVC

应用MVC实例

综合示例

14.3.1

整体布局

14.3.2

左侧功能菜单

14.3.3

左侧菜单与中央内容联动

14.3.4

显示单个功能模块

功能详解

14.4.1

用户模块

14.4.2

组织机构模块

14.4.3

特殊功能

小结