ext的简单示例

最新推荐文章于 2019-07-21 16:31:00 发布

sfwhhp

最新推荐文章于 2019-07-21 16:31:00 发布

阅读量130

点赞数

分类专栏： Ext 文章标签： EXT jQuery YUI prototype HTML ViewUI

本文链接：https://blog.csdn.net/sfwhhp/article/details/83694054

版权

Ext 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

下载EXT-2.2版本，
其目录结构说明：
1：adapter目录下放置的是EXT的核心代码和底层库，包括jQuery,Prototype，和YUI的适配器

2：build目录下放置的是EXT压缩后的代码

3：docs目录是EXT的文档，

4：examples是官方示例

5：resources目录下是EXT要用到的图片文件和样式文件

6：source也是存放的源码文件，只是未压缩

7：CHANGES.html是版本休整的列表文件

8： est-all.js文件是EXT对的核心库

9：ext-all-debug.js文件是ext-all.js的调试版，在调试的时候需要使用

10：ext-core.js也是EXT的核心库

11：ext-core-debug.js是ext-core.js的调试版

12：INCLUDE_ORDER.txt，此文件说明了再页面上引用底层库时js文件的引用顺序（特别重要）

13：LICENSE.txt，是EXT的使用许可文件

以下是EXT的简单示例：


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>helloextjs.html</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
                //加载顺序，ext-base.js在前，ext-all.js后加载
		<link rel="stylesheet" type="text/css"
			href="./js/resources/css/ext-all.css">
		<script type="text/javascript" src="./js/ext-base.js"></script>
		<script type="text/javascript" src="./js/ext-all.js"></script>
		<script type="text/javascript" src="./js/ext-lang-zh_CN.js"></script>

	</head>

	<body>
	<script>
		Ext.onReady(function(){
			Ext.MessageBox.alert("hello","hello");
		});
	</script>

	</body>
</html>

特别注意js的加载顺序！！！！！！！！！！！！

sfwhhp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ext的简单示例

下载EXT-2.2版本，其目录结构说明：1：adapter目录下放置的是EXT的核心代码和底层库，包括jQuery,Prototype，和YUI的适配器2：build目录下放置的是EXT压缩后的代码3：docs目录是EXT的文档，4：examples是官方示例5：resources目录下是EXT要用到的图片文件和样式文件6：source也是存放的源码...
复制链接

扫一扫