第1章 ExtJS 概述

1. EXTJS官方信息
要使用ExtJS，那么首先要得到ExtJS 库文件，该框架是一个开源的，可以直接从官方网站下载，网址http://extjs.com/products/extjs/download.php，进入下载页面可以看到大致如图xxx 所示的内容，当前可以选择的最高版本为3.0，本教程使用的3.0 版本。
 
http://extjs.com/是EXTJS的官方网站，上面有很多资料，应该经常关注。我们注意到，官方网站右下角，列出了使用了extJS产品的一些公司，使得我们对EXTJS未来的应用前景更加充满信心。
 
2. EXTJS库解析
解压刚才下载的EXTJS文件，可以得到如下的文件列表：
 
adapter：负责将里面提供第三方底层库（包括Ext 自带的底层库）映射为Ext 所支持
的底层库。
build： 压缩后的ext 全部源码(里面分类存放)。
docs： API 帮助文档。
exmaples：提供使用ExtJs 技术做出的小实例。
resources：Ext UI 资源文件目录，如CSS、图片文件都存放在这里面。
source： 无压缩Ext 全部的源码(里面分类存放)，包括详细的代码说明，EXT自带的API文档就是根据这些文件生成。 遵从Lesser GNU （LGPL） 开源的协议。
Package：ext所有的类库文件，是一个个可以独立的配件和包装，按需加载，但是所有的程序文件无代码说明。
Ext-all.js：压缩后的Ext 全部源码。
ext-all-debug.js：无压缩的Ext 全部的源码(用于调试)。
ext-core.js：压缩后的Ext 的核心组件，包括source/core 下的所有类。
ext-core-debug.js：无压缩Ext 的核心组件，包括source/core 下的所有类。
3. 从那里开始
你在download得到的压缩文档，包含在这些文件夹之中的，有一source的子目录。在这个文件夹里面，正如所料，是全部的EXT的源文件，遵从Lesser GNU （LGPL） 开源的协议。对于EXT开发者来说应该非常适合。
Ext代码库里面包含了许多各种各样的文件，甚至令人觉得有点望而生畏。好在，Ext是一个通过充分考虑后而设计的JavaScript库，－－在底层的代码为各项应用提供稳健的基础如跨浏览器的各种DOM操控，使得在上层的类classes运行于一个较高级的抽象层面（class 一术语与我们已习惯的Java和C++语言稍微有所不同，但一些概念如继承则可是如此类推去理解的－－有关面向对象的JavaScript的更多资料，请参见Introduction to object-oriented (OO) JavaScript）。 这意味着，当浏览源码的时候，采取“自顶向下（bottom-up）”还是“自下向顶（top-down）”的方式，都是无关紧要的。你所熟悉API里面的代码已经是属于最高的抽象层面的范畴，你可以根据你的兴趣，顺着这些你熟悉的API逐步深入。但是你若赞同我的看法，并打算深入了解其个中原理，最理想的地方是从底层代码开始。
适配器Adapters
浏览器读取第一个源文件，当中的一个任务就是创建Ext对象本身。 Ext.js Ext = {}; Ext成型于YahooUI的Javascript库的扩展。在当时，Ext须依赖YUI的底层代码来处理跨浏览器的问题。现在ExtJS已经是独立、免依赖的库了（standalone ），你可将YUI替换为另外你所选择javascript库，如prototype、jQuery、或者是这些之中的最佳选择,－Ext自带的底层库。负责将这些库（包括Ext自带的底层库）映射为Ext底层库的这部分代码，我们称之为适配器（Adapters）。这部分源码位于source/adapter的子目录。当项目引入Ext的时候便需要选择好你准备使用的适配器。
核心Core
source/core中的文件是构建于适配器API之上的“相对”最底层的源码。有些的源码甚至“底层”到直接为独立库的代码直接使用。这意味着应先了解和学习这整个库，再学习剩余的部分也不迟。要了解Ext的各种“Magic”和核心层面，就应该把重点放在source/core 目录下的各个源代码。
4. 常见问题
放在服务器里面浏览实例
API文档依然放在docs下面，可以看见左边的菜单，点击之后，右侧的API页面都是通过ajax获得的，如果没有放在服务器上，ajax返回的状态一直是失败，也无法获取数据，所以需要将整个文档放在服务器上，才能正常的浏览。
加载图片
ExtUI经常用一个空白的图片做占位图片，然后用CSS里配置的背景图片做显示，这样有利于更换主题。这个空白图片的名字就是EXT.BLANK_IMAGE_URL，默认情况下，它需要连接到extjs官网下载一个名为s.gif的图片，图片虽然小，一旦下载失败，就显示找不到图片，然后UI就会出现一些异常情况，如果你的计算机没有连接到互联网，为了正常浏览examples里面的文件，则需要修改examples.js里面的设置，把EXT.BLANK_IMAGE_URL设置为本地路径，如果计算机已经链接到互联网可以不用修改，如果为了提高图片下载速度，还是建议修改为本地路径。
还需要什么
开发调试运行的时候，建议采用firefox浏览器，原因是firefox可以显示动态的dom。编辑工具，建议采用spket，详细信息请参考：http://www.spket.com/