ExtJS入门教程:探索EXTJS 1.1.1与2.0

4星 · 超过85%的资源 需积分: 5 3 下载量 9 浏览量 更新于2024-07-30 收藏 1.72MB PDF 举报
"ExtJSP教程" 这篇教程主要围绕ExtJS这一JavaScript框架展开,旨在帮助初学者理解并掌握ExtJS的基本概念、使用方法以及如何通过示例来体验其功能。ExtJS是一个用于构建富客户端Web应用的库,它提供了一套完整的组件模型、数据绑定机制以及丰富的用户界面控件。 1. ExtJS的获取与初步了解 - ExtJS的发布包可以在extjs.com官方网站免费下载,包含源码、API文档和示例。对于初学者,免费的发布包已经足够用来学习和探索。 - 提供了ext-1.1.1和ext-2.0两个版本,2.0版本较新,但可能未经充分测试。文档建议新手可以从1.1.1版本开始学习。 - API文档位于`docs`目录下,1.1.1版本可以直接在本地查看,而2.0版本则需要通过服务器来访问,因为其API页面依赖Ajax动态加载。 2. 文档与示例的使用 - `docs`目录下的API文档详尽地列出了所有函数、配置和事件,对于学习ExtJS至关重要。 - `examples`目录包含各种示例,部分示例涉及与服务器的数据交互,因此需要部署在服务器上才能看到完整效果。若使用Java环境,推荐使用Resin-3服务器,因为它支持PHP。 3. 本地运行示例的限制 - 由于某些示例使用Ajax与服务器通信获取数据,如果不放在服务器上,Ajax请求将失败,无法展示预期效果。本地文件系统不支持Ajax请求。 - 存在一种解决方案,即利用localXHR技术,允许Ajax从本地文件系统获取数据,这样可以在没有服务器的情况下运行这些示例。 4. 自定义示例的挑战 - 教程指出,尝试根据示例自定义代码时,可能会遇到问题,这通常是因为未能正确理解和应用示例中的关键概念或技术,例如Ajax数据交互、组件配置等。 5. 学习路径建议 - 针对初学者,建议先从文档的API开始,理解ExtJS的基础组件和函数用法。 - 接着,通过运行和分析`examples`目录中的示例,实践并理解如何在实际项目中应用这些组件和功能。 - 最后,逐步尝试创建自己的应用,解决遇到的问题,深化对ExtJS的理解。 通过这篇教程,学习者将能够建立起对ExtJS的基本认识,熟悉其工作原理,并逐步掌握开发基于ExtJS的富客户端Web应用的技能。