ext2.0笔记.pdfVIP

1. ExtJS2.0 开发与实践笔记[0]——初识 ExtJS 简短的前言： 随着网络技术的发展，良好的用户体验及丰富的客户端功能已成为Web 程序所共同追逐的 目标，并扮演非常重要的一环。基于 Ajax 应用思想的盛行，prototype 、ext、dojo、yui 、mootools 等越来越多的第三方开源 Javascript Library 开始涌现，虽然这极大地增加了我们对 web 应用 的扩展可能性，但同时也或多或少的增加了我们的学习难度。 为此，我准备在 blog 中逐步整理学习心得，已备查找需要及看客指正。 什么是 ExtJS? 按照 Ext 开发团队的说法，ExtJS 从应用角度上讲是一个用户界面库，而不是一个 JavaScript Library 。原本作为Yahoo! UI Library(也就是 YUI) 的扩展而被开发出来，但从 1.1 版本开始由于支持者的增多，已经得到了必要的扩充，不再依赖于 YUI 。ExtJS 可以与 prototype.js 和jquery 等成熟的js 库一起使用，也可以作为单独的应用部署到开发中去， Adobe AIR 与 iPhone 开发工具都提供了对 Ext 的支持。 就我个人的观点而言，在业务处理上讲 ExtJS2.0 已非常完备，足以满足绝大多数web 表示 层应用的需求；但是对于解释执行的javascript 来讲性能损耗问题却始终无法避免，因此个 人不建议在要求响应速度的项目中使用 ExtJS 进行开发。 我们可以通过 /download 来获得最新版本的 ext 框架 发展简史： 「Yahoo! UI Library 」 YUI-Ext 的扩展。 「Yahoo! UI Library 」 Ext 1.0 的扩展，同时也支持prototype.js 和jquery 等。 Ext 1.1 不再依赖「Yahoo! UI Library 」，能够不依赖任何第三方组件而单独使用。 Ext 2.0 极大丰富界面库的一版，还在继续扩充中。 如何开发 ExtJS2.0 应用？ 针对 ExtJS2.0 ，由于其通过浏览器解释执行，所以我们即可以使用记事本、EditPlus 、UltraEdit 等方式直接编辑文本文件，也可以通过 IDE 进行调试开发。 目前Eclipse 上已经有很多能够支持 ExtJS2.0 的插件，如 Spket 等，此处不一一例举。 ExtJS2.0 的“Hello World” 在 Aptana 中使用ExtJS2.0 ，我们至少需要ExtJS2.0 中的如下文件： 框架及外部资源适配器，我们需要其中 ext 文件夹下的 ext-base.js 文 Adapter 文件夹 件控制 ExtJS 全局。 Resources 文件夹 一个文件夹，包含了 css,image 等 Ext 必须的资源 ext-all.js 文件 一个压缩的单文件 ExtJS 文件集合 首先，我们在 helloworld.js 中建立如下内容 查看复制到剪切板打印 1. 2. /** 3. * 通过 Ext 输出 Hello World,[Ext.onReady 是 ExtJS 所定义的,当页面加载完毕之后, 会自动调用 4. * Ext.onReady] 5. * 6. * @param {Object} 7. * @param {Object} Hello World! 8. */ 9. Ext.onReady(function() { 10. // 以Ext 的alert 打印Hello World! 11. Ext.MessageBox.alert(,Hello World!); 12. }); 而后，我们建立 helloworld.html 文件，内容如下 查看复制到剪切板打印 1. 2. html 3. head 4. meta http-equiv=Content-Type content=text/html; charset=utf-8 5. titleHelloExt/title