1.下载ExtJS开发包
2.了解开发包
adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext 所支持的底层库。
build： 压缩后的ext全部源码(里面分类存放)。
docs： API帮助文档。
exmaples：提供使用ExtJs技术做出的小实例。
resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
source： 无压缩Ext全部的源码(里面分类存放) 遵从GPL开源的协议。
Ext-all.js：压缩后的Ext全部源码。
ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。
3.第一个ExtJS示例
|
<html>
<head>
<title>My First ExtJs Example!</title>
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="firstJs.js"></script>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"></link>
<head>
<body>
</body>
</html>
|
注：以上JavaScript引用是有顺序的，否则将会出现错误！
firstJs.js：
|
Ext.onReady(function helloworld() {
Ext.MessageBox.alert("Hi", "ExtJS,Hello,World!");
});
|
阅读(1020) | 评论(0) | 转发(0) |
