[color=blue]首先要准备的:[/color]
1.GWT-Ext 2.0.6
下载地址:http://code.google.com/p/gwt-ext/
2.Ext-2.0.2
下载地址:http://code.google.com/p/gwt-ext/
3.GWT 1.5.3
选用它是因为从官方网站看到GWT-Ext 2.0.6对这个版本的GWT JDK完全支持。
下载地址:http://code.google.com/intl/zh-CN/webtoolkit/versions.html
4.Google Plugin for Eclipse 3.4 (Ganymede)
这个是GWT在Eclipse下开发插件,通过Eclipse的Help->Software Updates里添加下面地址来安装。
下载地址:http://dl.google.com/eclipse/plugin/3.4
[color=blue]准备好以上的东西后,就开始配置环境了。[/color]
1.新建一个GWT工程
2.右键点击该工程,添加一个GWT-Ext 2.0.6的Jar包
3.解压缩Ext-2.0.2将里面的ext-all.js、resources目录和adapter目录的内容拷贝到GWT工程的"public"目录下
4.将这句话 <inherits name='com.gwtext.GwtExt'/> 添加到GWT应用程序的module file里。
5.将主HTML文件打开,添加对第三步中文件的引用。例如:
1.GWT-Ext 2.0.6
下载地址:http://code.google.com/p/gwt-ext/
2.Ext-2.0.2
下载地址:http://code.google.com/p/gwt-ext/
3.GWT 1.5.3
选用它是因为从官方网站看到GWT-Ext 2.0.6对这个版本的GWT JDK完全支持。
下载地址:http://code.google.com/intl/zh-CN/webtoolkit/versions.html
4.Google Plugin for Eclipse 3.4 (Ganymede)
这个是GWT在Eclipse下开发插件,通过Eclipse的Help->Software Updates里添加下面地址来安装。
下载地址:http://dl.google.com/eclipse/plugin/3.4
[color=blue]准备好以上的东西后,就开始配置环境了。[/color]
1.新建一个GWT工程
2.右键点击该工程,添加一个GWT-Ext 2.0.6的Jar包
3.解压缩Ext-2.0.2将里面的ext-all.js、resources目录和adapter目录的内容拷贝到GWT工程的"public"目录下
4.将这句话 <inherits name='com.gwtext.GwtExt'/> 添加到GWT应用程序的module file里。
5.将主HTML文件打开,添加对第三步中文件的引用。例如:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Demo</title>
<!-- 以下三句 开始-->
<link href="js/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<!-- 结束 -->
<script type="text/javascript" language="javascript" src="com.demo.Demo.nocache.js"></script>
</head>
<body class="xtheme-aero">
<mce:script language="javascript" src="gwt.js" mce_src="gwt.js"></mce:script>
<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
</body>
</html>