ExtJS4.0学习指南：从下载到HelloWorld

"这篇文档是关于ExtJS 4.0的教程，主要涵盖了获取ExtJS库、搭建开发环境以及编写简单应用的步骤。" 在深入理解ExtJS 4.0之前，首先需要知道ExtJS是一个基于JavaScript的开源框架，用于构建富客户端Web应用程序。它提供了一套完整的组件模型和布局管理，使得开发者可以方便地创建具有复杂交互功能的网页应用。 1. 获取ExtJS 要开始学习ExtJS 4.0，首先需要从官方站点（http://extjs.org.cn/）下载相应的发布包。这个站点提供了ExtJS的下载、文档以及社区支持。 2. 搭建学习环境 - 开发环境通常包括集成开发环境（如MyEclipse）和Web服务器（如Tomcat）。确保这些工具已安装并配置好。 - 在MyEclipse中创建一个新的Web项目，命名为"Extjs4"。 - 解压下载的ExtJS 4.0.7压缩包，并将所有文件复制到Web项目的Webroot目录下。Webroot是Web服务器对外服务的根目录。 - "Examples"目录包含ExtJS官方提供的示例程序，其中可能包含PHP代码。如果遇到与PHP相关的错误，可以暂时忽略。 - 启动Tomcat服务器，通过浏览器访问http://localhost:8080/Ext4/index.html来检查环境是否配置成功。如果出现欢迎界面，说明环境搭建完成。 3. 查阅API文档和示例 - API文档：通过访问http://localhost:8080/Ext4/docs/index.html，开发者可以查阅ExtJS 4.0的详细API，这对于理解和使用各种组件、方法和类至关重要。 - 示例页面：访问http://localhost:8080/Ext4/examples/index.html，可以查看并学习各种实际应用案例，这些案例有助于快速上手和理解框架的功能。 4. 编写第一个ExtJS应用 - 创建一个名为"helloworld.js"的文件，其中包含一个简单的ExtJS应用实例。这个应用创建了一个全屏布局（'fit'布局），并在其中添加了一个显示"Hello! Welcome to ExtJS."的面板。 - 另外创建一个"helloworld.html"文件，引入必要的CSS和JavaScript资源，包括"ext-all.css"和"ext-all.js"，以及我们刚刚创建的"helloworld.js"。 通过以上步骤，你已经成功地在本地环境中运行了第一个ExtJS 4.0应用。接下来，你可以逐步探索框架的其他特性，如组件、布局、数据绑定、Ajax通信等，进一步提升你的ExtJS开发技能。记得持续查阅官方文档和示例，以便更深入地学习和掌握这个强大的JavaScript框架。