GWT-Ext之初体验

首先要准备的:

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

准备好以上的东西后,就开始配置环境了。

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>

你可能感兴趣的:(eclipse,jdk,ext,Google,gwt)