2011-03-31 86 views
2

我想知道是否有人可以帮助我。我很绝望。我一直在试图找出如何将gwt小部件添加到jsp页面。我在网上看了,它说使用在jsp中包含gwt小部件

<div id="wherethegwtwidgetgoes"> 
</div> 

RootPanel.get("wherethegwtwidgetgoes").add(widget); 

但是我不太确定这甚至意味着什么。为了简单起见,我们只需说我想添加一块装饰面板。我会怎么做?这里是一个链接到它:

http://gwt.google.com/samples/Showcase/Showcase.html#!CwDecoratorPanel

对不起,我超被卡住,已经超忙于编译系统,并未能彻底调查的GWT控件和层次感。我将不胜感激帮助。如果有人能回答这个问题。我的代码项目要复杂得多,但我通过看例子来学习。

有人可以帮助我吗?非常感谢

回答

1

你需要阅读GWT。做第一个示例项目,你就会明白。以下是获取工具的快速流程。

  1. 下载Eclipse
  2. 安装GWT Eclipse插件
  3. 开始一个新的GWT Web应用程序项目
  4. 在入口点扩展类,你把RootPanel.get( “wherethegwtwidgetgoes”)。添加(小部件)。
  5. 编译项目
  6. 部署项目

如果您想了解所有的作品,你必须要阅读网上的教程。这跟在这里问这个问题一样快。

RootPanel.get() - 检索从网页

RootPanel.get(“elementID”)的主体元素 - 检索与传递给get函数的ID的元素,在这种情况下,它与返回元素ID = “elementID”。

RootPanel.get()。add(widget) - 向您检索的元素添加窗口小部件控件。

然后,编译器将您的代码转换为JavaScript和其他需要的东西。如果您查看由eclipse生成的html文件,您会看到一个包含.js文件的JavaScript标记。这个.js文件是你的项目的编译。你也需要包括这个。

我强烈建议你这样做quick guide。它会回答很多问题。

0

大卫,标签进入html代码,或在您的情况下,jsp页面(这将在稍后以html格式返回)。

RootPanel.get部分进入Java代码,编译后将成为JavaScript。

当它进入生产阶段时,html(或jsp,whatever)将调用由GWT生成的JavaScript。然后RootPanel.get将在id为“wherethewtwtwidgetgoes”的html中查找标签,并将该小部件放入该div中。

设置与GWT一起工作的环境非常麻烦,但重要的是要正确使用GWT。花点时间阅读一些关于正确设置环境的教程。

0

我一直在为GWT中的JSP页面开发一些半复杂的包装器。我一直这样做的方式是这样的:

让JSP页面加载。在GWT入口点,它调用一些专门的包装类来抓取div,并将其作为GWT元素来使用,从而使JSP页面成为GWT小部件。此外,我发现最好使用Document.get()。getElementById(“divid”)加载元素并进行一些理智检查(在我的情况下,它会查找div中的所有图像,检查它们是否是被加载,如果没有,则附加一个loadhandler给他们),然后使用RootPanel的get。 RootPanel的get有时可以做一些采用,使得“Element already added”异常变得复杂。另外,我这样做是因为我需要实际使用RootLayoutPanel,并且在这种情况下尝试向GWT页面添加小部件时,事情变得更加复杂,因为RootLayoutPanel不提供通过id获取元素的选项。