九乡新闻网超能勇士第二部共53集:Ext之旅（一）——下载与部署 - winter的个人空间 - 无忧脚本 -//体验编写HTML代码的乐趣 - 51JS.COM - powered by X-Space -//体验编写HTML代码的乐趣 - 51JS.COM
来源：百度文库 编辑：九乡新闻网 时间：2024/04/27 22:53:34
Ext之旅（一）——下载与部署
上一篇 /下一篇 2008-03-18 21:59:09
查看( 433 ) /评论( 1 ) /评分( 0 / 0 )最近打算偷懒用Ext，所以开始了我的Ext之旅，发现因为缺少 资料 ，Ext并不是很容易上手，遂把自己的Ext学习过程记录下来与大家分享。
下载
Ext的下载非常顺利，从官方网址http://www.extjs.com 非常容易找，速度也蛮快。我下载的是2.02版本。
部署
下载的是一个压缩包ext-2.0.2.rar,接下来当然是把它解压，随便找个地方把它解压，OK，这就是我们的工作目录了。
解压后的文件夹中包括几个目录和文件，简单看了一下，比较重要的有这么几个：
docs和examples，显然这两个是文档和示例，之后的学习要一直用到，注意不要随意移动，因为文档也是用ext写的web页。
resources这是ext用到的非js的所有资源文件，包括 CSS 图片之类
source顾名思义，这是ext的源码，所谓源码就是可读性良好，缩进美观，注视完整的ext代码
build这是source的压缩版本，真正发布的时候应该用这个的
air这个是为了Adobe的Air弄的东西，具体不清楚，可以不管它
ext-all.js,ext-core.js这是ext的主文件，ext-all.js加载所有ext控件，如果不需要加载所有控件用ext-core.js并且引入所需控件对应的js文件即可。
ext-all-debug.js,ext-core-debug.js这是未经压缩的ext-all.js,ext-core.js用来调试程序
adapter ext的跨 框架 兼容适配文件
开始Ext之旅——Hello world程序
首先在ext的根目录下建一个新的文件夹，我响应官方网站的号召，把它叫做tutorial，别人当然可以起喜欢的名字。这个ext可以用VS当成网站打开，方便得IDE会让工作变得简单。
然后我在tutorial里面建立了一个html文件，Helloworld.html.当然还要填入dtd和head body title这些基本网页元素。接下来是正题了：引入ext的js文件。Ext的js文件分为2部分，第一部分是兼容层构件，就是当年非常著名的adapter，目前ext提供三个adapter，分别适用prototype、jquery和yui，如果你是这三种框架的fans，可以在引入相应框架的情况下引入对应的适配器。现在，ext有了自己的兼容层，所以一般情况下，应该引入/adapter/ext/ext-base.js这个文件。第二部分有两种选择，ext-all.js和ext-core.js，就像前面说的，ext-all.js加载所有ext控件，如果不需要加载所有控件，用ext-core.js并且引入所需控件对应的js文件即可。做为一个初学者，一般用/ext-all.js。Ext著名的UI需要靠css来实现，所以还需要引入ext的默认css文件，所以最后，我的Helloworld的head部分看起来是这样的：
Head写完了，我们可以输出helloworld了，适用ext的话，代码必须在ext加载完成后，所以，Helloworld的body看起来是下面这样：
Ext.onReady(function() {
alert("Hello world!");
});
运行如果弹出提示，就说明Ext的部署已经成功，如果有错误，多半是三个文件的路径问题，稍微检查就能发现。