Ext JS是一种用JavaScript编写的功能强大的Ajax框架，可用于开发绚丽多彩的富客户端Ajax应用。本书是Ext JS领域内的经典著作，由浅入深、循序渐进地对Ext JS各方面的知识进行了全面而系统的阐述。全书由一个可以**读者快速入门的“Hello World”示例开篇，紧接着对Ext JS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解，*后以一个完整的EXT应用结束全书。每个知识点都配有相应的示例，可操作性极强。
本书适合所有Web***阅读。

第1章 EXT概述
1.1 下载EXT发布包
1.2 如何查看EXT自带的API和示例
1.3 为什么有些示例必须放在服务器上才能看到效果
1.4 Hello World
1.4.1 直接使用下载的发布包
1.4.2 在项目中使用EXT
1.5 为什么页面提示“找不到图片”
1.6 辅助开发
1.6.1 调试工具Firebug
1.6.2 开发利器Spket
1.7 本章小结
第2章 EXT框架基础
2.1 EXT的事件和类
2.1.1 自定义事件
2.1.2 浏览器事件
2.1.3 Ext.lib.Event
2.1.4 Ext.util.Observable
2.1.5 Ext.EventManager
2.1.6 Ext.EventObject
2.2 EXT的核心组件
2.2.1 Ext.Component
2.2.2 Ext.BoxComponent
2.2.3 Ext.Container
2.2.4 Ext.Panel
2.2.5 Ext.TabPanel
2.3 本章小结
第3章 表格控件
3.1 Grid的特性简介
3.2 制作一个简单的Grid
3.3 Grid常用功能详解
3.3.1 部分属性功能
3.3.2 自主决定每列的宽度
3.3.3 让Grid支持按列排序
3.3.4 解决中文排序
3.3.5 显示日期类型数据
3.4 在单元格里显示红色的字、图片和按钮
3.5 给Grid的行和列设置颜色
3.6 自动显示行号和复选框
3.6.1 自动显示行号
3.6.2 复选框
3.7 选择模型
3.8 表格视图——Ext.grid.GridView
3.9 表格分页
3.9.1 为Grid添加分页工具条
3.9.2 通过后台脚本获得分页数据
3.9.3 分页工具栏显示在Grid的顶部
3.9.4 让EXT支持前台排序
3.10 后台排序
3.11 可编辑表格控件——EditorGrid
3.11.1 制作一个简单的EditorGrid
3.11.2 添加一行数据
3.11.3 保存修改结果
3.11.4 验证EditGrid中的数据
3.11.5 限制输入数据的类型
3.12 属性表格控件——PropertyGrid
3.12.1 PropertyGrid
3.12.2 只能看不能动的PropertyGrid
3.12.3 强制对name列排序
3.12.4 根据name获得value
3.12.5 自定义编辑器
3.13 分组表格控件——Group
3.13.1 分组表格简介
3.13.2 分组表格视图Ext.grid.GroupingView
3.14 可拖放的表格
3.14.1 拖放改变表格的大小
3.14.2 在同一个表格里拖放
3.14.3 表格之间的拖放
3.14.4 表格与树之间的拖放
3.15 Grid与右键菜单
3.16 本章小结
第4章 表单与输入控件
4.1 制作一个表单
4.2 FormPanel和BasicForm详解
4.3 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 下拉输入框Ext.form.TriggerField
4.4 使用表单提交数据
4.4.1 EXT默认的提交形式
4.4.2 使用HTML原始的提交形式
4.4.3 单纯Ajax
4.5 数据校验
4.5.1 输入不能为空
4.5.2 *大长度和*小长度
4.5.3 借助vtype
4.5.4 自定义校验规则
4.5.5 算不上校验的NumberField
4.5.6 使用后台返回的校验信息
4.6 表单布局
4.6.1 默认的平铺布局
4.6.2 平行分列布局
4.6.3 在布局中使用fieldset
4.6.4 在fieldset中使用布局
4.6.5 自定义布局：在表单中加入图片
4.7 ComboBox、datefield和timefield详解
4.7.1 ComboBox简介
4.7.2 将Select转换成ComboBox
4.7.3 ComboBox结构详解
4.7.4 使用远程数据
4.7.5 ComboBox的**配置
4.7.6 监听用户选择了哪条数据
4.7.7 使用本地数据实现省、市、县级联
4.7.8 使用后台数据实现省、市、县级联
4.8 复选框和单选框
4.8.1 复选框
4.8.2 单选框Radio
4.9 文件上传
4.10 自动把数据填充到表单中
4.11 本章小结
第5章 树形结构
5.1 TreePanel的基本使用
5.1.1 创建一棵树
5.1.2 为树生枝展叶
5.1.3 tree的配置
5.1.4 使用TreeLoader获得数据
5.1.5 读取本地JSON数据
5.1.6 Struts 2的JsonPlugin
5.1.7 使用JSP提供后台数据
5.2 树的事件
5.3 右键菜单
5.4 修改节点的默认图标
5.5 从节点弹出对话框
5.6 节点提示信息
5.7 为节点设置超链接
5.8 直接修改树节点名称
5.9 树形的拖放
5.9.1 节点拖放的三种形式
5.9.2 叶子不能append
5.9.3 判断拖放的目标
5.9.4 树之间的拖放
5.10 树形过滤器TreeFilter
5.11 利用TreeSorter对树进行排序
5.12 树形节点视图——Ext.tree.TreeNodeUI
5.13 表格与树形的结合——Ext.tree.ColumnTree
5.14 本章小结
第6章 拖放
6.1 拖放简介
6.2 拖放的简单应用
6.3 拖放组件体系
6.4 拖放的事件
6.5 **拖放
6.5.1 Basic
6.5.2 Handle
6.5.3 On Top
6.5.4 Proxy
6.5.5 Group
6.5.6 Grid
6.5.7 Circle
6.5.8 Region
6.6 本章小结
第7章 弹出窗口
7.1 Ext.MessageBox
7.1.1 Ext.MessageBox.alert()
7.1.2 Ext.MessageBox.confirm()
7.1.3 Ext.MessageBox.prompt()
7.2 对话框的更多配置
7.2.1 可以输入多行的输入框
7.2.2 自定义对话框的按钮
7.2.3 进度条
7.2.4 动画效果
7.3 Ext.window的常用属性
7.3.1 创建一个窗口
7.3.2 窗口的*大化和*小化
7.3.3 窗口的隐藏与销毁
7.3.4 防止窗口超出浏览器
7.3.5 设置窗口中的按钮
7.3.6 窗口的其他配置选项
7.4 窗口分组
7.5 向窗口中放入各种控件
7.5.1 在窗口中加入表格
7.5.2 在窗口中加入表单
7.5.3 复杂布局
7.6 本章小结
第8章 布局
8.1 布局的用途
8.2 *简单的布局FitLayout
8.3 常用的边框布局BorderLayout
8.3.1 设置子区域的大小
8.3.2 使用split并限制它的范围
8.3.3 子区域的展开和折叠
8.4 制作伸缩菜单的布局——Accordion
8.5 实现操作向导的布局——CardLayout
8.6 控制位置和大小的布局——AnchorLayout和AbsoluteLayout
8.7 表单专用的布局FormLayout
8.8 分列式的布局ColumnLayout
8.9 表格状的布局TableLayout
8.10 与布局相关的其他知识
8.10.1 超类Ext.Container的公共配置与xtype的概念
8.10.2 layout的超类Ext.layout.ContainerLayout
8.10.3 不指定任何布局时会发生的情况
8.10.4 使用Viewport对整个页面进行布局
8.10.5 使用嵌套实现复杂布局
8.11 本章小结
第9章 工具栏和菜单
9.1 简单菜单
9.2 向菜单中添加分隔线
9.3 多级菜单
9.4 **菜单
9.4.1 多选菜单和单选菜单
9.4.2 日期菜单
9.4.3 颜色菜单
9.4.4 Ext.menu.Adapter菜单适配器
9.4.5 使用Ext.menu.MenuMgr统一管理菜单
9.5 工具栏组件详解
9.5.1 Ext.Toolbar.Button
9.5.2 Ext.Toolbar.TextMenu
9.5.3 Ext.Toolbar.Spacer
9.5.4 Ext.Toolbar.Separator
9.5.5 Ext.Toolbar.Fill
9.5.6 Ext.Toolbar.SplitButton
9.5.7 为工具条添加HTML标签
9.5.8 为工具条添加输入控件
9.6 分页工具条Ext.PagingToolbar
9.6.1 Ext.PagingToolbar的基本用法
9.6.2 向Ext.PagingToolbar添加按钮组件
9.7 右键弹出菜单
9.8 本章小结
第10章 数据存储与传输
10.1 Ext.data简介
10.2 Ext.data.Connection
10.3 Ext.data.Record
10.4 Ext.data.Store
10.4.1 基本应用
10.4.2 对数据进行排序
10.4.3 从store中获取数据
10.4.4 更新store中的数据
10.4.5 加载及显示数据
10.4.6 其他功能
10.5 常用proxy
10.5.1 MemoryProxy
10.5.2 HttpProxy
10.5.3 ScriptTagProxy
10.6 常用Reader
10.6.1 ArrayReader
10.6.2 JsonReader
10.6.3 XmlReader
10.7 **store
10.8 EXT中的Ajax
10.8.1 *容易看到的Ext.Ajax
10.8.2 Ext.lib.Ajax是更底层的封装
10.9 关于scope和createDelegate()
10.10 DWR与EXT整合
10.10.1 在EXT中直接使用DWR
10.10.2 DWRProxy
10.10.3 DWRTreeLoader
10.10.4 DWRProxy和ComboBox
10.11 localXHR支持本地使用Ajax
10.12 本章小结
第11章 实用工具
11.1 EXT提供的常用函数
11.1.1 onReady函数
11.1.2 get函数
11.1.3 query函数和select函数
11.1.4 encode函数和decode函数
11.1.5 extend函数
11.1.6 apply函数和applyIf函数
11.1.7 namespace函数
11.1.8 Ext.isEmpty函数
11.1.9 Ext.each函数
11.1.10 Ext.DomQuery
11.2 用DomHelper和Template动态生成HTML
11.2.1 用DomHelper生成小片段
11.2.2 Ext.DomHelper.applyStyles函数
11.2.3 Template模板
11.2.4 Ext.DomHelper.createTemplate函数
11.2.5 复杂模板XTemplate
11.3 用Ext.Utils.CSS切换主题
11.4 悬停提示
11.4.1 初始化
11.4.2 注册提示
11.4.3 标签提示
11.4.4 全局配置
11.4.5 个体配置
11.5 使用Ext.state保存状态
11.6 fx实现的动画效果
11.7 局部更新网页内容
11.8 Ext.util.Format
11.9 使用Ext.util.CSS管理CSS样式
11.10 使用Ext.util.ClickRepeater处理点击事件
11.11 使用Ext.util.DelayedTask延时执行函数
11.12 使用Ext.util.TaskRunner执行循环任务
11.13 混合型集合Ext.util.MixedCollection
11.14 使用Ext.util.TextMetrices获得文本所占的高度和宽度
11.15 Ext.KeyNav处理导航按键
11.16 Ext.KeyMap为对象绑定按键功能
11.17 扩展
11.17.1 扩展Date
11.17.2 扩展String
11.17.3 扩展Function
11.17.4 扩展Number
11.17.5 扩展Array
11.18 Ext.ux.Portal
11.19 Ext.Desktop
11.20 本章小结
第12章 一个完整的EXT应用
12.1 确定整体布局
12.2 使用HTML和CSS设置静态信息
12.3 对学生信息进行数据建模
12.4 在页面中显示学生信息列表
12.5 添加表单编辑学生信息
12.6 为表单添加提交事件
12.7 清空表单信息
12.8 删除指定的学生信息
12.9 在Grid和Form之间进行数据交互
12.10 本章小结
第13章 通过Ext Framework合理地应用EXT
13.1 Ext Framework简介
13.2 Ext Framework架构解析
13.2.1 主要的第三方包
13.2.2 后台类关系图
13.2.3 前台组件关系图
13.3 本章小结
附录A EXT常见问题
附录B EXT对AIR的支持
附录C EXT的版本变迁

第1章 EXT概述
1.1 下载EXT发布包
非常幸运的是，我们可以从wwww.extis.com/download免费获得EXT发布包，其中源代码、API文档和示例一应俱全。不过，如果想通过访问SVN获得*新的代码，就得花钱了。作为学习，我们现阶段只需要这个免费的发布包，通过其中的范例，我们可以感受一下EXT的魅力。
由于EXT的作者Jack Slocum已经修改了EXT的开源协议，从www.extis.com上可以下载*新版本的EXT 2.2。
1.2 如何查看EXT自带的API和示例
API文档依然在docs目录下，虽然可以看到左边的菜单，但是点击之后，右侧的API页面都是通过Ajax方式获得的，所以不能直接在本地查看，必须把解压缩后的完整目录部署到服务器上，然后通过浏览器访问服务器，这样才能看到。如果没有把这些内容放在服务器上，则docs就会打不开，只能一直看到图1-1的界面。
……

“本书是非常急缺的全面讲解Ext JS的图书，弥补了Ajax社区的一大空白。” ——Ajax中国（www okajax.com），国内权威的Ajax专业门户 “要想全面了解和掌握Ext JS，强烈**阅读《深入浅出Ext JS》。从各方面来看，这本书都非常**!” ——Dojo中国（www.dojochina.com），**开源技术社区 “Ext JS是*绚丽的Ajax框架，开源人网站开发了大量基于Ext JS的应用，本书将是2009年*值得期待的Ajax技术图书之一。相信它一定会受到开源技术爱好者的欢迎，也一定可以为所有爱好Ext JS的***带来价值。” ——开源人（www.vifir.com），专注于为开源人士服务的互动平台 “本书样章发布后好评如潮，经仔细研读，果然名副其实。内容翔实，示例丰富，叙述风趣幽默，可操作性极强……Ext JS*****!” ——一起Ext（www 17ext.com），**Ext中文讨论社区 以用户为**的时代，应用的界面外观正在变得越来越重要。然而，很多程序员都缺乏美术功底，要开发出界面美观的应用实属不易。Ext JS的出现，为广大程序员们解决了这一难题。它有丰富多彩的界面和强大的功能，是开发具有炫丽外观的RIA应用的*佳选择。
本书是国内Ext JS先驱者的智慧结晶，内容翔实、示例丰富，包含大量示例代码，可操作性极强。它不仅全面地阐述了Ext JS的基础知识，而且深入浅出地讲解了Ext JS开发中的**技巧，同时还给出了大量专家级的建议。通过学习本书，读者将感受到Ext JS的无穷魅力和Ajax技术带来的**体验。
本书适合有一定CSS和HTML基础的***阅读。

徐会生，**软件工程师兼系统架构师，**Java EE开发专家。他是国内探索Ext Js的先驱之一，精通UI开发，业余时间为Family168（www.family168.com）撰写了大量开源方面的教程。何启伟拥有10余年Java EE开发经验，为银行、**、烟草等各大行业成功开发了大量企业级应用。他用Ext JS和J2EE开发了一个强大的企业级应用框架——Ext Framework，在国内处于**水平。同时，他还独立开发了大量EXT扩展组件，深受广大***欢迎。康爱媛从事金融行业软件开发多年，目前是北京一家大型IT公司的项目负责人，利用Java EE和Ext Js为众多行业开发过企业级的系统框架。