ExtJs"入门"

学习地址：http://extjs.org.cn/node/83

两段主要代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
	alert('Hello World!');
	});
</script>
</head>

<body>
这是UTF-8格式编写的body部分
</body>
</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
	Ext.MessageBox.alert('Message','Hello World!');
	});
</script>
</head>

<body>
这是UTF-8格式编写的body部分
</body>
</html>

简单解释一下上面代码

<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />

这一个是引入ExtJs的默认样式

<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>

ExtJs所需要的核心脚本全部都在这两个js文件中。

<script type="text/javascript">
Ext.onReady(function(){    
//页面初始化代码
});
</script>

Ext.onReady 是指在整个页面加载完后执行

ExtJS发布包目录: 

• adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
• build： 压缩后的ext全部源码(里面分类存放)。
• docs： API帮助文档。
• exmaples：提供使用ExtJs技术做出的小实例。
• resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
• source： 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL） 开源的协议。
• Ext-all.js：压缩后的Ext全部源码。
• ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
• ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
• ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。