ExtJS框架入门：从零开始学习

"获取ExtJS-ExtJs入门教程(适合新手)\nExtJS是一个Ajax框架，用于构建富客户端应用，提供华丽的用户界面。最新版本为Ext JS 4.0.2a，可以从官方网站免费或付费下载。入门教程涵盖ExtJs简介、类库、基础组件和布局。框架包括adapter、air、build、docs、examples、package、resources、source等目录，以及不同类型的JavaScript文件。" ExtJS是一个强大的JavaScript库，专门用于构建交互性强、用户体验优秀的Web应用程序。它以Ajax技术为基础，使B/S架构的应用程序更加生动和富有吸引力。由于ExtJS是用JavaScript编写的，因此它可以与各种后端技术如.NET、Java、PHP等无缝集成。 获取ExtJS的首要步骤是访问其官方网站，例如http://extjs.org.cn/或http://www.sencha.com/products/extjs/download，获取所需版本。值得注意的是，最新版本4.0.2a可能需要购买，而3.0及其以前版本通常是免费的。 下载的ExtJS发布包包含了多个子目录，每个都有特定的功能： - `adapter`：包含适配器，用于与不同底层库对接。 - `air`：支持基于Adobe Air的开发。 - `build`：存放压缩后的源码。 - `docs`：API文档，对于开发者来说非常关键。 - `examples`：提供各种示例代码，帮助学习和理解ExtJS的用法。 - `package`：包含预定义的组件和控件。 - `resources`：存储CSS、图片等UI资源。 - `source`：未压缩的全部源码，便于调试和自定义。 - `Ext-all.js`和`ext-all-debug.js`：分别是压缩和未压缩的完整ExtJS库。 - `ext-core.js`和`ext-core-debug.js`：核心组件的压缩和未压缩版本。 学习ExtJS，你需要了解基本概念，如： - **ExtJs简介**：理解ExtJS是什么，它的功能和应用场景。 - **ExtJs类库**：探索其类库结构，理解组件和事件模型。 - **ExtJs基础组件**：掌握如窗口、表格、表单、面板等基本组件的使用。 - **ExtJs布局**：学习各种布局模式，如Fit布局、FormLayout、Border布局等，以便合理组织和排列组件。 在实际开发中，你会经常参考`EXTAPI参考手册`，它提供了详细的API文档，帮助你在编写代码时找到所需的方法和属性。通过结合示例代码和API文档，你可以快速上手并深入理解ExtJS的使用。 在创建HTML文件时，通常需要引入ExtJS的相关库，如`<link>`标签引入CSS样式，`<script>`标签引入JavaScript文件。在HTML头部添加适当的引用，是初始化ExtJS应用的基础。 总结来说，ExtJS是开发富Web应用的强大工具，通过掌握其基本概念、组件、布局和API，新手可以逐步成长为熟练的ExtJS开发者。记得不断实践和参考文档，这将对学习进程大有裨益。