ExtJS 4.0 入门指南：环境搭建和基础使用

ExtJS 4.0技术学习指南 ExtJS 4.0是 Sencha 公司开发的一款基于 JavaScript 的 Rich Internet Application（RIA）框架，用于构建交互性强、功能丰富的 web 应用程序。下面是 ExtJS 4.0 技术学习指南的知识点总结： 一、获取 ExtJS * 可以从 http://extjs.org.cn/ 获得需要的 ExtJS 发布包及更多支持。 二、搭建学习环境 * 需要安装 MyEclipse 和 Tomcat，否则请参阅其他相关资料。 * 在 MyEclipse 中建立新的 Web 项目，名称为 Extjs4。 * 将 ExtJS 4.0.7 压缩包解压后的全部文件复制到项目的 Webroot 目录下。 * Examples 目录为 Ext 官方提供的示例程序，其中可能包含 PHP 的代码，错误信息可以暂时不理会。 * 部署并启动 Tomcat，测试环境是否可用。 三、查看 API 文档和示例页面 * 打开浏览器，输入 http://localhost:8080/Ext4/docs/index.html 查看 API 文档。 * 打开浏览器，输入 http://localhost:8080/Ext4/examples/index.html 查看示例页面。 四、测试例子 * 在 Webroot 目录下建立 helloworld.js 输入以下内容： * 再建立一个 helloworld.html，输入以下内容： * Html 文件中只引入了一个 CSS 和 2 个 JS 文件，注意引用路径和您建立文件路径是否能匹配。 * 打开浏览器，输入 http://localhost:8080/Ext4/helloworld.html，您将会看到浏览器里显示一个 panel，标题是 Hello Ext，内容 Hello! Welcome to ExtJS。 五、ExtJS 重要方法 * Ext.onReady：在当前的 DOM 加载完毕后自动调用，保证页面内的所有元素都能被 Script 所引用。 * Ext.application：通常用于应用程序的初始化和启动。 六、学习 ExtJS 的注意事项 * ExtJS 是一个功能强大且复杂的框架，需要系统地学习和实践。 * ExtJS 的 API 文档是学习的重要资源，需要认真地阅读和理解。 * ExtJS 的示例程序是学习的重要参考，需要认真地研究和实践。 七、 ExtJS 4.0 的特点 * ExtJS 4.0 是一个基于 JavaScript 的 RIA 框架，用于构建交互性强、功能丰富的 web 应用程序。 * ExtJS 4.0 提供了丰富的 UI 组件、强大的数据处理能力和灵活的布局管理机制。 * ExtJS 4.0 兼容多种浏览器，包括 IE、Firefox、Chrome 等。