ExtJS4.0入门教程：环境搭建与HelloWorld示例

"Extjs4.0中文学习手册 入门详解" ExtJS是一个流行的JavaScript库，主要用于构建富客户端Web应用程序。本手册主要针对初学者，旨在帮助他们理解并掌握ExtJS 4.0的核心概念和技术。由于ExtJS 4的学习资料相对较少，此手册集合了网络上的各种资源，为学习者提供了方便的入门指南。 首先，要开始学习ExtJS 4，你需要从官方或第三方网站，如http://extjs.org.cn/，下载相应的发布包。下载完成后，解压缩文件并将它们放置到一个新的Web项目中。对于开发环境，假设你已安装了myeclipse和tomcat，这些都是必要的工具，用于创建和运行Web应用程序。 在myeclipse中，创建一个新的Webproject项目，命名为"Extjs4"，然后将解压后的ExtJS 4.0.7文件复制到项目的Webroot目录。Webroot下的"Examples"目录包含了许多官方示例程序，尽管其中可能含有PHP代码，但这不影响JavaScript部分的学习。 为了确保环境配置正确，你可以启动tomcat服务器，并访问`http://localhost:8080/Ext4/index.html`来检查是否能正常显示ExtJS的欢迎界面。同时，你可以通过`http://localhost:8080/Ext4/docs/index.html`查看API文档，以及`http://localhost:8080/Ext4/examples/index.html`浏览示例页面，这些资源对于深入学习非常有帮助。 在学习过程中，编写第一个“Hello World”程序是常见的步骤。创建一个名为"helloworld.js"的JavaScript文件，然后在Webroot目录下创建一个"helloworld.html"的HTML文件。HTML文件需要引入ExtJS的CSS和JavaScript库。在成功引用后，打开浏览器访问`http://localhost:8080/Ext4/helloworld.html`，你应该能看到一个带有标题"HelloExt"和内容"Hello! Welcome to ExtJS."的面板。如果遇到问题，检查文件路径是否正确。 在ExtJS中，`Ext.onReady`和`Ext.application`是两个非常重要的方法。`Ext.onReady`会在DOM加载完成时自动调用，确保所有元素都可以被脚本访问。它是编写任何ExtJS应用的起点。`Ext.application`则用于初始化整个应用程序，管理组件和控制器等。你可以尝试在`Ext.onReady`中添加代码，观察页面加载后的效果。 这个中文学习手册为初学者提供了一个良好的起点，涵盖了环境配置、基本组件的使用以及核心方法的介绍。通过实践和查阅API文档，学习者能够逐步掌握ExtJS 4的编程技巧，从而开发出功能丰富的Web应用。