gxt配置方法

最近对gxt有兴趣，它是一个RichApplicationClient，界面很漂亮，所以今天试着搭建环境，让自己的一个程序起来。

我的是gxt是gxt-2.2.0，gwt是gwt-2.0.4版本。

介绍我的开发工具是Myeclipse8.5，其实Eclipse就可以了，可能自己习惯用myeclipse了。

1.gxt就是ext-gwt的简称，它是依赖GWT的，所以需要安装gwt，我们到这个网站下载gwt的eclipse插件，

http://code.google.com/intl/zh-CN/webtoolkit/download.html,

复制途中红色的地址，http://dl.google.com/eclipse/plugin/3.5，然后在Myeclipse8.5的配置管理中心，如下图所示：

点击site，输入插件名次和gwtforeclipse的插件url，如下图：

然后就下载安装插件，这过程需要一些时间。安装后，重启IDE，你会看到如下图标，表示安装成功了。

eclipse或myeclipse的工具栏显示：

或在myeclipse的首选项菜单，看到google插件也表示刚才安装好了gwt，这里我安装的是gwt2.0.4；

2.创建一个webApplicationProject，直接点击工具栏上的“g”图标，或在菜单那里选择“New”

到目前位置一个gwt项目已经创建完了，右键项目就可以运行了，其实可以参考这里的，

写得很详细，http://code.google.com/intl/zh-CN/eclipse/docs/running_and_debugging_2_0.html

3.把GXT整合到项目里面去，首先我们到这里下载，http://www.sencha.com/products/gwt/download.php

下载后解压，里面有一个setup.txt文件，跟着里面的说明就可以整合gxt了。

setup.txt里面的内容大概如下：

QuickSetupforExtGWT2.X

===========================

Note:ExtGWT2.XrequiresGWT1.7+orGWT2.0+(anybuildendingin"-gwt2.zip").

STEP1->CreateaGoogleWebApplicationProjectprojectwithinEclipse.

Copythecontentsofthe/resourcesfolderinthedownloadtoa{foldername}locationwithinyourwarfolder.

Substitute{foldername}withthenameofthefolderyou'vecreatedforresourceswithinyourwarfolder.

STEP3->Addthefollowingstylesheettoyourhostpage.

<linkrel="stylesheet"type="text/css"href="{foldername}/css/gxt-all.css"/>

STEP3b->IfyouareusingCharts,addthefollowingscripttoyourhostpage.

<scriptlanguage='javascript'src='{foldername}/flash/swfobject.js'></script>

STEP4->Addthefollowingentrytoyouprojectsmodulexmlfile.

<inheritsname='com.extjs.gxt.ui.GXT'/>

STEP5->EclipseSetup(shouldbesimilarforotherdevelopmentenvironments)

Theseinstructionsassumeyouhaveaexistingprojectandlaunchconfiguration.

1.Addgxt.jartotheproject.

a.Rightclickonprojectnamein'PackageExplorer'.

b.Select'Properties'fromcontentmenu.

c.Select'JavaBuildPath'.

d.Select'Libraries'tab.

e.Addthegxt.jareitherwith'AddJARs...'or'AddExternalJARs...'.

2.AddGXTjartolaunchconfiguration.

a.ChooseRun/OpenRunDialog.

b.Selectyourappropriatelaunchconfigurationunder'JavaApplication'.

c.Selectthe'Classpath'tab.

d.Addthegxt.jartotheclasspath.

快速安装gxt2.x版本

=================

第一步：创建一个web应用项目（我们已经创建好了）

第二步：复制gxt解压目录下的/resources文件加到创建好项目的war目录下；

第三步：增加css的链接到<linkrel="stylesheet"type="text/css"href="resources/css/gxt-all.css"/>主页面，

这里我们加到gxt01.html里面；如果我们要使用图标的话，还需要复制<scriptlanguage='javascript'src='resources/flash/swfobject.js'></script>

到hostpage；

第四步:在项目的Gxt01.gwt.xml文件里面增加<inheritsname='com.extjs.gxt.ui.GXT'/>；

第五步：把gxt解压目录中的gxt.jar通过buidl-classpath引人到项目里面去，

至此已经成功整合了gxt了。

4.最后我们可以在里面编写我们自己的java代码了。

需要注意的一点是，gxt-2.2.0+gwt-2.0.4整合会出现一个问题，我今天的主要时间都浪费在这个问题上，是版本的一个bug吧。

需要在程序的入口点加入@SuppressWarnings("unused")

Java代码

<STRONG>Layoutjunk=newAnchorLayout();//提前初始化Layout对象</STRONG>

Layoutjunk=newAnchorLayout();//提前初始化Layout对象就可以了。

最后的效果图：