EXtJs3.2.docx
版权申诉
7 浏览量
2022-11-26
19:07:30
上传
评论
收藏 863KB DOCX 举报
1. ExtJS
ExtJS 是一个 Ajax框架，是一个用 JavaScript 写的，用于在客户端创建丰富多彩的 web
应用程序界面。ExtJS 可以用来开发 RIA 也即富客户端的 AJAX 应用.ExtJS 主要用于创建前
端用户界面，是一个与后台技术无关的前端 Ajax 框架。因此，可以把 ExtJS 用在.Net、Java、
PHP 等各种开发语言开发的应用中。ExtJS 最开始基于 YUI 技术。
1.1. ExtJS 体验
要 应 用 ExtJS 需 要 在 页面 中 引 入 extjs 的样 式 以 及 extjs 库文 件 ， 样式 文 件 为
resources/css/ext-all.css，extjs 的 js 库主要包括两个，adapter/ext/ext-base.js 及 ext-all.js，其中
ext-base.js 表示框架基础库，ext-all.js 是 extjs 的核心库。adapter 表示适配器，也就是说可以
有多种适配器，因此，可以把 adapter/ext/ext-base.js 换成 adapter/jquery/ext-jquery-adapter.js，
或 adapter/prototype/ext-prototype-adapter.js 等。因此，要使用 ExtJS 框架的页面中一般包括
以下几句：
程序 1-1
<script src="../ext-3.2.1/adapter/ext/ext-base-debug.js"></script>
<script src="../ext-3.2.1/ext-all-debug.js"></script>
注意：这两条语句的顺序绝对不能互换。
在 ExtJS 库文件及页面内容加载完后，ExtJS 会执行 Ext.onReady 中指定的函数，一般
情况下，一个 ExtJS 应用都是从 Ext.onReady 开始的。
1.1.1. ExtJS 版的 HelloWorld
程序 1-2
<link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" />
<script src="../ext-3.2.1/adapter/ext/ext-base-debug.js"></script>
<script src="../ext-3.2.1/ext-all-debug.js"></script>
<script>
Ext.onReady(function(){
Ext.MessageBox.alert('Status', 'Changes saved successfully.');
}
)
</script>
显示效果如图 1-1 所示。
剩余32页未读，继续阅读
评论0
最新资源