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

"这是一份关于ExtJS4.0快速入门的整理资料，适用于初学者。资料包含了如何获取和搭建学习环境的步骤，以及简单的HelloWorld示例，帮助初学者开始ExtJS4的学习之旅。" 在ExtJS4的学习过程中，首先需要获取ExtJS的开发资源。可以从官方网站或者其他支持网站如http://extjs.org.cn/下载所需版本的ExtJS包。对于初学者，选择4.0.7版本是一个不错的选择，因为它是一个稳定且广泛使用的版本。 搭建学习环境是学习任何Web开发框架的第一步。在这个案例中，假设你已经安装了MyEclipse和Tomcat服务器。在MyEclipse中创建一个新的Web项目，命名为"Extjs4"，然后将下载的ExtJS4.0.7压缩包解压，将所有文件复制到项目的Webroot目录下。这一步是为了将ExtJS库文件部署到你的Web应用中。 官方提供的Examples目录包含了大量的示例程序，这些示例可能包含了PHP代码，如果你遇到与PHP相关的错误，可以暂时忽略，主要关注JavaScript部分。启动Tomcat服务器，通过访问http://localhost:8080/Ext4/index.html来测试环境是否正常。如果能看到预期的界面，说明环境搭建成功。此外，可以通过http://localhost:8080/Ext4/docs/index.html查看API文档，以及http://localhost:8080/Ext4/examples/index.html浏览示例页面。 开始编程时，通常从创建一个简单的HelloWorld示例开始。在Webroot目录下创建一个名为`helloworld.js`的JavaScript文件，写入基本的Panel代码。同时，创建一个`helloworld.html`HTML文件，引入必要的CSS和JavaScript文件。确保引用路径正确无误，然后通过浏览器访问http://localhost:8080/Ext4/helloworld.html，你应该能看到一个显示"HelloExt"标题和"Hello! Welcome to ExtJS."内容的Panel。 在ExtJS中，`Ext.onReady`和`Ext.application`是两个非常重要的方法。`Ext.onReady`会在DOM加载完成后自动执行，确保所有元素都可被脚本引用。`Ext.application`则是用于初始化整个应用程序的关键方法，通常用于配置应用的启动行为。初学者经常会首先接触到这两个方法，并通过它们开始编写实际的代码。 通过以上步骤，你可以快速建立起对ExtJS4的基本理解和实践操作，为进一步深入学习和开发复杂的Web应用奠定基础。记住，不断实践和查阅API文档是掌握任何框架的关键。