### Ext+JS深入浅出知识点解析
#### 一、Ext JS 概述
- **定义**: Ext JS（通常简称为 Ext）是一个强大的 Ajax 框架，用于开发具有丰富用户体验和美观界面的富客户端应用程序。
- **技术背景**: 该框架基于 JavaScript 编写，并且与后台技术无关，这意味着它可以在任何支持 Ajax 的后端环境中运行。
- **应用场景**: 特别适用于企业级应用系统，特别是 MIS（管理信息系统）类型的应用。
#### 二、Ext JS 的特点
- **绚丽的用户界面**: Ext JS 提供了许多预制的控件和样式，能够轻松创建出吸引用户的界面。
- **高效性**: 通过使用 Ext JS，开发者可以节省大量时间，尤其是在处理复杂的 UI 控件如表格、树形结构和布局等方面。
- **社区支持**: 尽管 Ext JS 的中文资料相对较少，但其官方文档提供了详尽的 API 文档，同时也有一个活跃的社区提供支持。
#### 三、学习资源与实践
- **官方文档**: 官方提供的 API 文档虽然只有基础理论和简单示例，但对于初学者来说是一个不错的起点。
- **书籍**: 《Ext+JS深入浅出》这本书以实例为基础，提供了大量的实践案例，有助于开发者快速掌握 Ext JS 的各种用法并应用于实际项目中。
- **在线资源**: 在线论坛和社区也是获取帮助和解决问题的好地方。
#### 四、安装与配置
- **下载**: 可以从官方网站下载 Ext JS 发布包，其中包括了 API 文档和示例代码。
- **环境搭建**: 为了运行示例程序，通常需要将 Ext JS 文件放置在一个 Web 服务器上，例如 Tomcat。这样可以通过浏览器访问示例页面。
- **本地测试**: 对于某些示例，可以通过 localXHR.js 实现无需服务器即可读取 JSON 数据，从而进行本地测试。
#### 五、开发工具
- **Firebug**: 这是一款强大的调试工具，可以帮助开发者调试 JavaScript 代码，检查 HTML 和 CSS，以及网络请求。
- **Spket**: Spket 是另一款用于辅助 Ext JS 开发的工具，提供了诸如代码提示、重构等功能。
#### 六、核心概念与组件
- **事件和类**:
- 自定义事件: Ext JS 支持自定义事件，使得开发者可以轻松地为组件添加交互逻辑。
- 浏览器事件: 通过 `Ext.lib.Event` 类可以捕获和处理浏览器的原生事件。
- `Ext.util.Observable`: 提供了一个可观察的对象模型，用于实现事件驱动的编程模式。
- `Ext.EventManager`: 用于管理事件监听器。
- `Ext.EventObject`: 提供了事件对象的封装，使得事件处理更加统一。
- **核心组件**:
- `Ext.Component`: 所有可视组件的基础类。
- `Ext.BoxComponent`: 提供了基本的布局管理。
- `Ext.Container`: 用于包含其他组件。
- `Ext.Panel`: 一个常用的容器组件，可以包含其他组件，并提供标题栏等功能。
- `Ext.TabPanel`: 用于实现选项卡式的用户界面。
#### 七、表格控件 (Grid)
- **特性介绍**:
- Grid 是 Ext JS 中最常用且功能强大的控件之一。
- 支持排序、过滤、分页等多种高级功能。
- 可以轻松定制列宽、显示格式等。
- **创建简单 Grid**:
- 创建 Grid 需要指定列配置和数据源。
- 可以使用 `Ext.data.JsonStore` 来加载数据。
- **常用功能详解**:
- **列属性**: 调整列宽、对齐方式等。
- **排序**: 支持按列排序，并可以自定义排序规则。
- **国际化**: 支持中文排序等多语言场景。
- **数据格式化**: 如显示日期类型的数据。
- **增强功能**:
- 在单元格内显示不同样式的文本、图片甚至按钮，以增强用户体验。
《Ext+JS深入浅出》这本书不仅介绍了 Ext JS 的基础知识，还提供了丰富的实践案例，非常适合希望快速掌握这一强大框架的开发者。通过本书的学习，开发者可以深入了解 Ext JS 的各种特性，并将其应用于实际项目中，构建高质量的富客户端应用程序。
poelo2013-08-25很实用的说
