extjs实用开发指南.docVIP

序 言 ExtJS 是一个很不错的 Ajax 框架，可以用来开发带有华丽外观的富客户端应用，使得我 们的 b/s 应用更加具有活力及生命力。ExtJS 是一个用 javascript 编写，与后台技术无关的前 端 ajax 框架。因此，可以把 ExtJS 用在.Net、Java、Php 等各种开发语言开发的应用中。 最近我们在几个应用都使用到了 ExtJS，对公司以前开发的一个 OA 系统也正在使用 ExtJS2.0 进行改造，使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习 ExtJS 的一些心得及小结，希望能帮助正在学习或准备学习 ExtJS 的朋友们快速走进 ExtJS2.0 的精彩世界。 教程包括 ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例 应用等，是一个非常适合新手的 ExtJS 入门教程。本教程主要是针对 ExtJS2.0 进行介绍，全 部代码、截图等都是基于 ExtJS2.0。 在学习了本教程后，可以下载 这个基于 ExtJS2.0 开发的单用户 Blog 系统 的源代码，这个系统是我们团队中的 williamraym 与大峡等人开发的一个演示系统，系统源 码整体质量比较高，通过学习这套源代码相邻一定能提高您 ExtJS 的综合水平。 本 教 程 比 较 适 合 ExtJS 的 新 手 作 为 入 门 教 程 及 手 册 使 用 ， 并 在 我 的 博 客 /blog/lengyu/上进行发布；应一些朋友的要求，根据本教程的写作思路， 我还编写了比本教程更为详细的《ExtJS 实用开发指南》，包含详细的 ExtJS 框架使用方法、 各个控件详细配置参数、属性、方法及事件介绍，与服务器端集成及一个完整的示例应用系 统介绍等内容，适合想深入学习 ExtJS 或正在使用 ExtJS 进行开发朋友们使用。该《指南》 当前在 作为 VIP 文档发布，供该站的 VIP 用户阅读及下载。凡是购买了《ExtJS 实用开发指南》文档的 VIP 用户，都可以在该指南印刷版出版后均会免费得到相应的印刷 版本。 最后，希望广大网友把阅读本教程中的发现的错误、不足及建议等反馈给我们，让我们 一起共同学习、共同进步，下面让我们一起进入精彩的 ExtJS 世界吧。  第一章、ExtJS简介 ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用 程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用，下面是一些使用ExtJS开发的 应用程序截图： (wlr的blog应用)  (ExtJS的表格控件) (不同主题的ExtJS弹出框效果) ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的 前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 ExtJs 最开始基于 YUI 技术，由开发人员 Jack Slocum 开发，通过参考 Java Swing 等机制来组织可视化组件，无论从 UI 界面上 CSS 样式的应用，到数据解析上的异常处理， 都可算是一款不可多得的 JavaScript 客户端技术的精品。  第二章、开始 ExtJS 2.1 获得 ExtJS 要使用 ExtJS，那么首先要得到 ExtJS 库文件，该框架是一个开源的，可以直接从官方 网站下载，网址 /download，进入下载页面可以看到大致如图 xxx 所示的内容 ， 可以选择选择 1.1 或 2.0 版本，本教程使用的 2.0 版本。 图 1-1 ExtJs 不同版本下载选择页面 单击上图中的【Download ext-2.0.zip】超链接进行下载，把下载得到的 ZIP 压缩文件解 压缩到【D:\ExtCode】目录下，可以得到如如图 1-2 所示的内容。 图 1-2 ExtJS 发布包目录 adapter：负责将里面提供第三方底层库（包括 Ext 自带的底层库）映射为 Ext 所支持 的底层库。 build： 压缩后的 ext 全部源码(里面分类存放)。 docs： API 帮助文档。 exmaples：提供使用 ExtJs 技术做出的小实例。 resources：Ext UI 资源文件目录，如 CSS、图片文件都存放在这里面。 source： 无压缩 Ext 全部的源码(里面分类存放) 遵从 Lesser GNU （LGPL） 开源的 协议。  Ext-all.js：压缩后的 Ext 全部源码。 ext-all-debug.js：无压缩的 Ext 全部的源码(用于调试)。 ext-core.js：压缩后的 Ext 的核心组件，包括 sources/co