ExtJs教程完整版.pdf

第一章 起步（1）  在这章里，我们将介绍 ExtJS 的基本功能。如果你对web 开发熟悉的话，您会 惊诧于 ExtJS 框架的优雅！不同其他的 JavaScript 库，ExtJS 为您的开发夯实了基础，只 需几行代码，你就可以制作出丰富的用户界面。  本章包括：  1. ExtJS 的功能和您将会喜爱上它的原因；  2. 如何获得 Ext 并在 web 应用中采用它；  3. 采用”适配器(adapters) “使得Ext 和其他的 JavaScript 库共存；  4. 充分利用 AJAX 技术；  5. 在您的语言中展示 ExtJS 对象；  关于 Ext：  我们采用最新的的 Ext 2.x 版本，1.x 版本到 2.x 版本的是一个重组的过程，包括 添加新的组件、重命名组件用来重新组织结构等等。这使得 1.x 和 2.x 兼容性很低。3.x 版 本则不然，他对 2.x 有很强的兼容性，可以很好的联合本书中所设计的内容。Ext 的 开发组决定在日后的版本发布中都做到向前兼容。  Ext 库是对雅虎 YUI 的一个拓展，提供了它所不支持的特性：良好的API ，真实 的控件。虽然YUI 致力于用户界面，但是它却没有提供许多有用的功能。  Ext 的产生源自于开发者、开源贡献者们将YUI 扩展成一个强大的客户端应用程 序库的努力。  Ext 提供了一个简单丰富的用户界面，如同桌面程序一般。这使得开发者能够 把精力更多的转移到实现应用的功能上。Ext 官网上的示例会让你知道它是如何的不可 思议：/deploy/dev/examples/。  其中最引人注目的一个例子就是 Feed Viewer ，它展示了 Ext.However 提供的多 种特性，对于学习来说它可能太复杂了，所以现在只需你感受它带给你的精彩。    另外一个精彩的例子就是 Simple Task 任务跟踪程序，它加载了 Google Gears 的 数据库。    Ext: 不仅仅是另一个 JS 库：  Ext 不仅仅是另一个 JS 库，实际上它可以通过适配器（adapter ）和其它JS 库一 起工作。我们将在本章的稍后来介绍适配器。  通常来说，我们使用 Ext 的目的是满足高层次的用户交互——要比我们传统概 念上的站点交互性更强。一个采用了工作流和任务管理的网站就是一个很好的示例， 否则 Ext 只能带给您的上司惊奇的喘息。  Ext 让通过如下的方式来让 web 应用的开发变的十分简单：  • 提供简单的，跨浏览器的控件，如：窗口、表格、表单。这些组件都是能 够适应市场上的主流浏览器的。我们不需要做任何改动。  • 用户是通过 EventManager 来和浏览器做交互的，相应的事件有：用户的键 盘输入，鼠标击打，浏览器监听（窗口改变大小，改变字体）等等；  • 在和用户交互时不需要刷新页面，一切在后台进行。它允许你从服务器通 过 AJAX 来获取或者提交数据并且在第一时间执行你的反馈。  跨浏览器 DOM：  我确定不需要在解释浏览器兼容带来的问题了。一个有着自定义样式的div在 不同的浏览器的显示是不同的。但当我们使用 Ext 的控件时，Ext 库会很好地控制这种 浏览器的兼容性，所以在不同浏览器中控件的显示是几乎相同的。这些浏览器包括：  Internet Explorer 6+  Firefox 1.5+ (PC, Mac)  Safari 2+  Opera 9+ (PC, Mac)  事件驱动接口：  事件是用来描