ExtJS4.0学习教程：搭建环境与HelloWorld

"Extjs4.0学习指南(中文)，整理的网络参考资料，包括获取Extjs、搭建学习环境、创建基本示例以及理解Ext.onReady和Ext.application方法" ExtJS是一个强大的JavaScript库，专用于构建富客户端Web应用程序。本指南主要针对ExtJS 4.0版本，该版本引入了许多新特性和改进，旨在提升开发效率和用户体验。 首先，获取ExtJS的源码至关重要。你可以通过访问http://extjs.org.cn/下载所需的ExtJS 4.0.7发布包。下载后，需要将解压的文件复制到你的Web项目中，通常是Webroot目录下。 为了搭建学习环境，你需要确保已安装了像MyEclipse这样的集成开发环境和Tomcat这样的Web服务器。在MyEclipse中创建一个新的Web项目，命名为“Extjs4”，然后将ExtJS的文件复制到Webroot目录。接着，启动Tomcat服务器，通过访问http://localhost:8080/Ext4/index.html来验证环境是否配置正确。如果一切正常，你应该能看到一个展示ExtJS的欢迎界面。 此外，ExtJS提供了丰富的API文档和示例，可以在浏览器中分别通过http://localhost:8080/Ext4/docs/index.html和http://localhost:8080/Ext4/examples/index.html进行查阅和学习。 为了开始编写第一个ExtJS程序，你需要创建一个简单的“Hello World”示例。创建一个名为“helloworld.js”的JavaScript文件，写入创建面板的代码，同时创建一个“helloworld.html”HTML文件，引入必要的CSS和JavaScript文件。确保文件引用路径正确，然后通过浏览器访问http://localhost:8080/Ext4/helloworld.html，你应该能看到一个带有“HelloExt”标题和“Hello! Welcome to ExtJS.”内容的面板。 在ExtJS中，`Ext.onReady`是一个非常关键的方法，它会在DOM完全加载后执行，确保此时可以安全地操作页面元素。`Ext.application`则是用来初始化整个应用的核心方法，它通常包含应用程序配置和启动逻辑。这两个方法是学习ExtJS的基础，理解它们的工作原理对于掌握ExtJS至关重要。 通过在`Ext.onReady`回调中添加代码，你可以观察到页面加载后执行的效果。这有助于你逐步了解如何在页面生命周期的不同阶段插入和控制JavaScript代码。 这个学习指南提供了一个简明易懂的起点，帮助初学者逐步熟悉ExtJS 4.0的基本概念、环境配置和基础编程。随着深入学习，你可以探索更复杂的组件、布局、数据绑定等高级特性，从而充分利用ExtJS构建功能丰富的Web应用。