首页  »   Web前端

ext的容易示例

网友分享于:2013-11-24  浏览:5次
ext的简单示例
下载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的加载顺序!!!!!!!!!!!!

相关解决方案

最新解决方案