1.EXT的官方网址、最新版本、下载地址
官方网址：http://extjs.com/；
最新版本：Ext JS 3.0；
下载地址：http://extjs.com/products/extjs/download.php;
2.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 下的所有类。
3.应用EXT
应用extjs 需要在页面中引入extjs 的样式及extjs 库文件，样式文件为resources/css/extall.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 框架的页面中一般包括下面几句：
view plaincopy to clipboardprint?
<mce:script type="text/javascript" src="extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
<mce:script type="text/javascript" src="extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
在ExtJS 库文件及页面内容加载完后，ExtJS 会执行Ext.onReady 中指定的函数，一般情况下每一个用户的ExtJS 应用都是从Ext.onReady 开始的，使用ExtJS 应用程序的代码大致如下：
view plaincopy to clipboardprint?
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onReady</title>
<mce:script type="text/javascript" src="../extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="../extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
<mce:script type="text/javascript"><!--
Ext.onReady(function(){
alert("ExtJs库已加载!");
}
)
// --></mce:script>
</head>
<body>
</body>
</html>
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onReady</title>
<mce:script type="text/javascript" src="../extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="../extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
<mce:script type="text/javascript"><!--
Ext.onReady(function(){
alert("ExtJs库已加载!");
}
)
// --></mce:script>
</head>
<body>
</body>
</html>
4.ExtJS版的HelloWorld
下面我们写一个最简单的ExtJS 应用，在hello.html 文件中输入下面的代码，然后在浏览器中打开hello.html，在浏览器显示一个Hello World窗面。
view plaincopy to clipboardprint?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS版的Hello World</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" mce_href="extjs/resources/css/ext-all.css" />
<mce:script type="text/javascript" src="../extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="../extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
<mce:script type="text/javascript"><!--
Ext.onReady(function()
{
var win=new Ext.Window({title:"Hello World",width:300,height:200,html:'<h1>Hello World</h1>'});
win.show();
}
);
// --></mce:script>
</head>
<body>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS版的Hello World</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" mce_href="extjs/resources/css/ext-all.css" />
<mce:script type="text/javascript" src="../extjs/adapter/ext/ext-base.js" mce_src="extjs/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="../extjs/ext-all.js" mce_src="extjs/ext-all.js"></mce:script>
<mce:script type="text/javascript"><!--
Ext.onReady(function()
{
var win=new Ext.Window({title:"Hello World",width:300,height:200,html:'<h1>Hello World</h1>'});
win.show();
}
);
// --></mce:script>
</head>
<body>
</body>
</html>
5.Ext类库简介
ExtJS 由一系列的类库组成，一旦页面成功加载了ExtJS 库后，我们就可以在页面中通过javascript 调用ExtJS 的类及控件来实现需要的功能。ExtJS 的类库由以下几部分组成：
底层API(core)：底层API 中提供了对DOM 操作、查询的封装、事件处理、DOM 查询器等基础的功能。其它控件都是建立在这些底层api 的基础上，底层api 位于源代码目录的core 子目录中，包括DomHelper.js、Element.js 等文件。
控件(widgets)：控件是指可以直接在页面中创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets 子目录中，包含chart、form、grid等文件夹和Action.js、BoxComponent.js、Button.js、ButtonGroup等文件。
实用工具Utils：Ext 提供了很多的实用工具，可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax 请求、Cookie 管理、CSS 管理等扩展等功能，包括ClickRepeater.js、Cookies.js、CSS.js、Date.js等文件。
