ExtJs4.0 目录介绍及使用方法

一、文件结构

在ExtJS官网下载好4.0的开发包解压后,我们得到如图的文件结构

 

 

文件/文件夹名	作用
builds	压缩后的ExtJS代码,体积更小,更快
docs	开发文档
examples	官方演示示例
locale	多国语言资源文件
pkgs	ExtJS各部分功能的打包文件
resource	ExtJS所需要的CSS与图片文件
src	未压缩的源代码目录
bootstarp.js	ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js
ext-all.js	ExtJS核心库,需要引用
ext-all-debug.js	ExtJS核心库的调试版,调试时使用

注：EXTJS文件的区别：

ext-all.js：包含所有的EXTJS框架文件，已经混淆

ext-all-debug.js：包含所有的EXTJS框架文件，没有混淆

ext-all-dev.js：包含所有的EXTJS框架文件，没有混淆，且包含调试信息

ext.js：仅包含能让EXTJS运行的最小集合，已经混淆

ext-debug.js：仅包含能让EXTJS运行的最小集合，没有混淆

ext-dev.js：仅包含能让EXTJS运行的最小集合，没有混淆，且包含调试信息

bootstrap.js：自动加载ext-all.js或者ext-all-debug.js，在以下情况下会加载ext-all-debug.js

1.当前主机名是本地

2.当前主机是使用IPV4地址

3.Current protocol is a file(不好意思，我不知道怎么翻译，请会的朋友说一下)

4.其他情况下自动加载ext-all.js

我们在进行Ext开发的时候只需将ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目的ExtJs4（名字随便起）文件夹里。

二、页面引用

1.引入Ext的ExtJs4/resources/css/ext-all.css,不解释

2.引入ExtJS的核心库ExtJs4/ext-all.js或者ExtJs4/ext-all-debug.js,不解释

3.引入自己写的实现本页面功能的JS.

三、开发ExtJS相关的工具

1.官方的ExtDesigner:收费软件,而且貌似用不习惯,虽然真心的是所见即所得…大家可以去下来试用一下

2.Spket:在 http://www.spket.com上可以下载,有Eclipse和DreamWeawer的插件

3.VisualStudio2008/2010:我用的版本是2010,把JS文件引入有一定的智能提示…