在Eclipse中搭建ExtJS环境
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
下载：ExtJS 4.1.1
在Eclipse中安装spket插件
下载：spket-1.6.23.zip
最低要求：你需要java 1.5或更高版本运行安装程序，可独立使用
步骤：
1.作为eclipse的插件使用，按Plugin进入下载页面把他下载下来。
2.下载完成解压文件得到一个eclipse文件夹，将文件夹下的plugins和features两个文件夹拷贝到使用的Eclipse安装包下覆盖原有同名文件夹，
3.启动Eclipse，在工具栏window中打开preferences，弹出对话框左边会看到Spket，
4.打开Spket下的JavaScript Profile，点击New，添加Ext（名称可自定义）
5.点击Ext，选择右边的Add Library，选择ExtJS
6.选中ExtJS,选择右边的Add File，选中已下载的并解压的ExtJS包的根目录下的build 下的sdk.jsb3
7.这时会出现很多的选择框，我是全选了，点击ok就安装好了，
8.选中Ext，点击右面的Default，ok，然后重启eclipse,如果还不行，选中建立的js文件右击，有Open With，选择Spket JavaScript Editor，这样就应该可以了
让spket作为javascript的默认编辑器
步骤：
Eclipse工具栏window --> preferences --> Editors --> File Associations --> 右面的File types选中*.js --> 下面的Associated editors选中Spket javascript Editor --> 按右面的按钮Default --> OK退出
建立js文件，的图标变成js文件对应的图片就成功了。
Hello word 项目建立
1.eclipse中新建Dynamic Web Project项目，命名为ExtjsTest
2.为避免eclipse的校验可进行如下操作
i 选中工程右键 --> Properties --> Resource --> Text file encoding -->
Other --> UTF-8
ii 选中工程右键 --> Properties -->左边选Builders --> 去掉JavaScript Validation和Validation前面的勾 --> OK退出
iii 去到工程根目录下，找到.project，用记事本打开，把两处删除掉：
[html]view plain copy
1.第一处：
2.
3.
4.
5.
6.
7.第二处：
8.
iiii 保存退出，refresh一下工程。
3、将ext4部署到eclipse项目中。即：将ext-all.js、ext-all-debug.js、bootstarp.js 和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目WebContent目录下自己指定的存放目录中
4、页面引入
5、我的项目目录
6、代码login.jsp
[html]view plain copy
1.<%@ page language="java"contentType="text/html; charset=utf-8"
2.pageEncoding="utf-8"%>
3.
4.01 Transitional//EN" "http://
/TR/html4/loose.dtd">
4.
5.
6.
7.
8.
9.