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)
事件驱动接口:
事件是用来描
显示全部