我已经上传了ext2.2或3.0的sdk开发包(spket-1.6.18.zip)，自己下载。
安装好了MyEclipse后关闭它，开始配置ext环境：步骤如下：
1. 解压spket-1.6.18.zip
2.拷贝spket-1.6.18\eclipse\features目录下"com.spket.ui_1.6.18","com.spket.xml.external_2.8.0"的插件包粘贴到MyEclipse安装目录下：E:\MyEclipse 6.0\eclipse\features
3.拷贝spket-1.6.16\eclipse\plugins目录下的插件包粘贴到MyEclipse安装目录下：E:\MyEclipse 6.0\eclipse\plugins
4.启动MyEclipse ，查看是否正确配置ext插件环境，点击window---preferences，展开spket目录下，点击java Script Profiles ，以上工作完成后，可以看到extjs sdk 的6个开发包。
5.选择Firefox点击new，弹出一个对话框，输入extjs
6.选择extjs点击 add Library，弹出一个对话框，选择ExtJs，点击确定
7.解压ext-2.2.zip，选择ExtJs 点击 add File，浏览解压后的文件找到
\ext2\source\ext.jsb并导入，同时把所有的复选框选中，然后选中自己定义extjs节点，点击右边的default
8.注意一定要选择：defalut.重启ide
测试ext
新建web项目—新建jsp文件：test.jsp
<%@page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8"></meta>
<title>测试extjs</title>
<!-- Include Ext2.2 -->
<script type="text/javascript" src="<%=APP %>/js/EXT2.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=APP %>/js/EXT2.2/ext-all-debug.js"></script>
<script type="text/javascript" src="<%=APP %>/js/EXT2.2/ext-lang-zh_CN.js"></script>
<!-- Include Ext2.2 stylesheets here: -->
<link rel="stylesheet" type="text/css" href="<%=APP %>/js/EXT2.2/resources/css/ext-all.css"></link>
<%if(request.getHeader("USER-AGENT").indexOf("MSIE")<0){ //加入其它浏览器的字体补丁%>
<link rel="stylesheet" type="text/css" href="<%=APP%>/js/EXT2.2/resources/css/ext-all-patch.css"></link>
<%}%>
<!-- 自定义文件 -->
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript>
</script>
</head>
<body>
<div id="grid-example" ></div>
</body>
</html>
新建：test.js文件
Ext.onReady(function(){
var myForm = new MyForm();
myForm.layout();
});
function MyForm (){
Zhc.init();
//parent.document;
this.ButtonDe =new Ext.Button({
text:'删除',
id:'ButtonDe',
width:200,
iconCls:'del'
});
this.ButtonBC =new Ext.Button({
text:'保存',
id:'ButtonBC',
width:200,
iconCls:'save'
});
this.tbar = [
this.ButtonDe,
'-',
this.ButtonBC
];
具体业务代码请详细阅读Ext API 中文开发文档，并结合网络资源进行学习！
Struts2.0相关配置说明
<!-- 请求参数的编码方式 lys-->
<constant name="struts.i18n.encoding" value="UTF-8"/>
<!-- 指定被struts2处理的请求后缀类型。多个用逗号隔开
<constant name="struts.action.extension" value="action,do,go,xkk"/> -->
<!-- 当struts.xml改动后，是否重新加载。默认值为false(生产环境下使用),开发阶段最好打开 -->
<constant name="struts.configuration.xml.reload" value="true"/>
<!-- 是否使用struts的开发模式。开发模式会有更多的调试信息。默认值为false(生产环境下使用),开发阶段最好打开 -->
<constant name="struts.devMode" value="false"/>
<!-- 设置浏览器是否缓存静态内容。默认值为true(生产环境下使用),开发阶段最好关闭 -->
<constant name="struts.serve.static.browserCache" value="false" />
<!-- 指定由spring负责action对象的创建
<constant name="struts.objectFactory" value="spring" />
-->
<!-- 是否开启动态方法调用 -->
<constant name="struts.enable.DynamicMethodInvocation" value="false"/>
Struts与extjs交互：
String jsonString="{\"success\":true,\"roleList\":[{\"keyId\":\"402880\",\"styleId\":6,\"styleName\":\"分类\",\"listUrl\":\"/g3/dyn/templet/fl/defaultList.jsp\",\"infoUrl\":\"/g3/dyn/templet/fl/defaultInfo.jsp\"}],\"totalCount\":1,\"info\":\"找到符合条件的数据!\"}";
HttpServletResponse response = ServletActionContext.getResponse();
HttpServletRequest request=ServletActionContext.getRequest();
jsonRequest=request.getParameter("json");
System.out.println("接受前台传来的json:"+jsonRequest);
response.reset();//重新设置response
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
response.getWriter().write(jsonString);
由于extjs本身封装json接受数据方式，必须在交互时封装json格式数据。
分享到：
相关推荐
总的来说，MyEclipse结合Spket插件是EXT.js开发的有效工具，通过上述步骤，开发者可以快速地在MyEclipse环境中搭建EXT开发环境，从而专注于编写高质量的EXT应用程序。对于初学者而言，这将是一个很好的起点，帮助...
搭建MyEclipse10+Spket+ExtJS的开发环境是一项关键步骤，特别是对于初学者而言，这将为JavaScript开发打下坚实的基础。本文将详细解释如何进行这一配置。 首先，我们来安装Spket插件。Spket是一个强大的JavaScript...
### 在MyEclipse中搭建ExtJS开发环境 #### 一、引言 随着RIA（Rich Internet Application，富互联网应用）技术的发展，用户对于Web应用的需求不再仅限于基本的交互功能，而更倾向于具备丰富用户体验的应用。ExtJS...
推荐使用Eclipse或MyEclipse，因为它们有良好的Java支持和方便的Ant集成。另外，确保已安装了JDK，因为Liferay依赖Java运行环境。 3. 环境配置 3.1 JDK 配置 安装JDK并配置好环境变量，包括JAVA_HOME和PATH，确保...
为了确保这个项目能够在myeclipse环境下运行，开发者可能已经调整了相关的配置，比如设置了正确的路径、适配了Eclipse的开发环境以及处理了与服务器的通信问题。myeclipse是一个集成开发环境，支持Java、Web和移动...
- 在MyEclipse中添加用户自定义库，分别对应ZK包中的`lib`、`lib/ext`以及`lib/zkforget`目录下的JAR文件。 #### 三、快速搭建页面 使用ZK框架搭建页面的过程非常直观。开发者可以通过ZK Studio提供的可视化编辑...
掌握EXT和Bootstrap前端框架，能用zTree实现权限控制，熟悉Mybatis的ORM原理，熟练使用开发工具Eclipse和MyEclipse，懂得Tomcat等Web容器的配置与部署，了解项目管理工具SVN，熟悉Linux常用命令，能搭建Linux系统并...