GWT-Ext之初体验

最新推荐文章于 2021-01-02 18:15:45 发布

ViVAJoy2008

最新推荐文章于 2021-01-02 18:15:45 发布

阅读量149

点赞数

分类专栏： GWT 文章标签： GWT EXT Eclipse Google JDK

GWT 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

[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文件打开，添加对第三步中文件的引用。例如：



<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>

ViVAJoy2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
GWT-Ext之初体验

[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完全支...
复制链接

扫一扫