没有合适的资源?快使用搜索试试~ 我知道了~
首页Ext.js教程完整版
Ext.js教程完整版
需积分: 48 43 下载量 179 浏览量
更新于2023-03-16
评论 1
收藏 5.53MB PDF 举报
在这章里,我们将介绍 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 致力于用户界面,但是它却没有提供许多有用的功能。
资源详情
资源评论
资源推荐
第一章 起步(1)
在这章里,我们将介绍 ExtJS 的基本功能。如果你对 web 开发熟悉的话,您会
惊诧于 ExtJS 框架的优雅!不同其他的 JavaScript 库,ExtJS 为您的开发夯实了基础,只
需几行代码,你就可以制作出丰富的用户界面。
本章包括:
1.ExtJS 的功能和您将会喜爱上它的原因;
2.如何获得 Ext 并在 web 应用中采用它;
3.采用”适配器(adapters)“使得 Ext 和其他的 JavaScript 库共存;
4.充分利用 AJAX 技术;
5.在您的语言中展示 ExtJS 对象;
关于 Ext:
我们采用最新的的 Ext2.x 版本,1.x 版本到 2.x 版本的是一个重组的过程,包括
添加新的组件、重命名组件用来重新组织结构等等。这使得 1.x 和 2.x 兼容性很低。3.x
版本则不然,他对 2.x 有很强的兼容性,可以很好的联合本书中所设计的内容。Ext 的
开发组决定在日后的版本发布中都做到向前兼容。
Ext 库是对雅虎 YUI 的一个拓展,提供了它所不支持的特性:良好的 API,真实
的控件。虽然 YUI 致力于用户界面,但是它却没有提供许多有用的功能。
Ext 的产生源自于开发者、开源贡献者们将 YUI 扩展成一个强大的客户端应用程
序库的努力。
Ext 提供了一个简单丰富的用户界面,如同桌面程序一般。这使得开发者能够
把精力更多的转移到实现应用的功能上。Ext 官网上的示例会让你知道它是如何的不可
思议:http://www.extjs.com/deploy/dev/examples/。
其中最引人注目的一个例子就是 FeedViewer,它展示了 Ext.However 提供的多
种特性,对于学习来说它可能太复杂了,所以现在只需你感受它带给你的精彩。
另外一个精彩的例子就是 Simple Task 任务跟踪程序,它加载了 Google Gears 的
数据库。
Ext:不仅仅是另一个 JS 库:
Ext 不仅仅是另一个 JS 库,实际上它可以通过适配器(adapter)和其它 JS 库一
起工作。我们将在本章的稍后来介绍适配器。
通常来说,我们使用 Ext 的目的是满足高层次的用户交互——要比我们传统概
念上的站点交互性更强。一个采用了工作流和任务管理的网站就是一个很好的示例,
否则 Ext 只能带给您的上司惊奇的喘息。
Ext 让通过如下的方式来让 web 应用的开发变的十分简单:
• 提供简单的,跨浏览器的控件,如:窗口、表格、表单。这些组件都是能
够适应市场上的主流浏览器的。我们不需要做任何改动。
• 用户是通过 EventManager 来和浏览器做交互的,相应的事件有:用户的键
盘输入,鼠标击打,浏览器监听(窗口改变大小,改变字体)等等;
• 在和用户交互时不需要刷新页面,一切在后台进行。它允许你从服务器通
过 AJAX 来获取或者提交数据并且在第一时间执行你的反馈。
跨浏览器 DOM:
我确定不需要在解释浏览器兼容带来的问题了。一个有着自定义样式的<div>在
不同的浏览器的显示是不同的。但当我们使用 Ext 的控件时,Ext 库会很好地控制这种
浏览器的兼容性,所以在不同浏览器中控件的显示是几乎相同的。这些浏览器包括:
InternetExplorer6+
Firefox1.5+(PC,Mac)
Safari2+
Opera9+(PC,Mac)
事件驱动接口:
事件是用来描述某种动作的发生。一个事件可以是用户的动作,例如单击某个
元素或者对 AJAX 请求的相应。当用户对一个按钮进行操作的时候,会产生很多而不是
一个事件,包括:鼠标指向按钮,点击按钮和离开按钮。我们可以添加监听器
(listener)来监听这些事件,并调用相应代码采取相应。
对事件的监听并不完全依靠用户界面,系统事件随时随刻发生,当你发起 AJAX
请求,和 AJAX 状态相关的事件也就产生了,它们是:开始,完成和失败等等。
Ext 和 AJAX:
AJAX 用来描述同服务器的异步交互,你可以在同服务器交互的同时来进行其他
的任务。一个用户可以在加载一个表格数据的同时填写自己的表单——它们并行不
悖,不用等待页面的刷新。
获得 Ext:
所有你所需的东西都可以从Ext官网上获得:http://www.extjs.com/download。下载
包含大量示例和API的Ext SDK, 它最重要的功能是带给你使Ext正确运行的资源。
如何安置 Ext:
当你获得 SD K 文件,把它解压到你的硬盘上,最好放在你自己的文件夹中。我
访问文件的方式是按照 linux 规则来的,为了很好地运行本书示例,我把所有文件解压
到命名为 lib 的文件夹中。
当一切处理好后,你的目录结构应该如下所示:
为了使 Ext 容易升级到最新版本,我把解压后的文件夹 ext‐2.0.1 重新命名为
extjs。
SDK 里有一个包含所以 Ext 的 JS 代码的文件,名字为 ext‐all。它还有一个可供
调试代码的副本,由于进行了代码的格式化和反混淆等操作,该文件可以您准确定位
到错误的行数和具体位置。开发时您可以使用 ext‐all‐debug,发布时转换为 ext‐all,一
切就是这么的简单以及过度自然。
在 SDK 中包含着依赖说明、文档、示例等内容。adapter 和 resources 是 Ext 工
作所必须的,其他资源则是为开发准备的。
• adapter:包含能够使其他库和 Ext 共用的文件;
• build:可以自定义 ext‐all.js 的文件;
• docs:文档中心(必须在服务器上查看);
• examples:大量精彩深刻的示例;
• resources:Ext 运行的各种资源(如 CSS 和图片等);
• source:Ext 完全而详细的源代码。
剩余151页未读,继续阅读
han--han
- 粉丝: 32
- 资源: 75
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- zigbee-cluster-library-specification
- JSBSim Reference Manual
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0