ExtJS框架入门教程：环境搭建与HelloWorld

"这篇文档是关于EXT JS框架的入门教程，涵盖了框架的基本概念、环境搭建、核心组件应用以及HelloWorld示例。EXT JS是一个用于构建富客户端应用的JavaScript框架，适用于各种后端开发语言。文档详细介绍了EXT API参考手册、示例程序和开发包的组成部分，并提供了设置EXT运行环境及开发环境的步骤。" EXT JS框架是用于创建具有高级用户界面的Web应用程序的JavaScript库。它提供了一系列的对象类，用于处理网页上的各种控件和交互。EXT JS的核心特性包括丰富的组件库、数据绑定、布局管理、强大的表格和图表功能，以及高效的AJAX通信。 1. **框架简介** - Ext是一个基于JavaScript的Ajax框架，独立于后端技术，可用于.Net、Java、PHP等多种平台。 - 最新版本为3.2，包含API参考、示例和开发包。 - API参考手册详尽地列出了EXT提供的各种类和方法。 - 示例程序包含多种类型的应用示例，帮助开发者了解EXT的用法。 - 开发包包含不同组件和资源，如adapter、build、docs、examples、resources、source等。 2. **环境搭建** - 开发环境准备：只需将EXT的开发包放入Web项目的目录下。 - HTML页面中引入EXT的基础样式表`resources/css/ext-all.css`和库文件，包括`adapter/ext/ext-base.js`和`ext-all.js`(或`ext-all-debug.js`用于调试)。 3. **HelloWorld示例** - 创建一个新的HTML文件，引入EXT的CSS和JavaScript文件。 - 使用EXT的API创建基本的用户界面元素，如窗口、按钮等，展示EXT的基本用法。 4. **重要知识点** - **尺寸&大小**：EXT提供了对组件尺寸的精细控制，包括自动调整、固定尺寸和响应式布局。 - **定位**：EXT使用CSS和其内置的布局管理器进行组件的精确定位。 - **get, getDOM, getCmp的区别**： - `get`通常用于获取DOM元素，但也可以通过配置项获取组件。 - `getDOM`直接获取DOM元素。 - `getCmp`用于根据组件ID获取EXT组件实例。 - **DOM的增删改查**：EXT提供了一系列方法，如`create`, `destroy`, `update`等，方便操作DOM元素。 - **动画**：EXT支持各种动画效果，如淡入淡出、滑动等，增强用户体验。 - **类编程**：EXT遵循面向对象编程原则，支持类的继承和组合。 - **事件**：EXT有强大的事件系统，允许组件间通信和用户交互处理。 - **AJAX**：EXT提供AJAX功能，用于后台数据的异步通信，如`Ext.Ajax.request`方法。 EXT JS的这些基础知识构成了开发富客户端应用的基础。通过深入学习和实践，开发者可以创建功能强大、交互丰富的Web应用程序。