Question

我目前遇到GWT和Eclipse问题。在我目前的实施中，当我运行＆gt;调试为＆gt; Web应用程序我在我的html页面上没有得到任何小部件，即使我将它们加载到页面上的div。

在图片中，您可以在此项目中看到我的文件夹组织。 folder organization of project

所有相关文件的代码如下：

Anacom.gwt.xml

<?xml version="1.0" encoding="UTF-8"?>

<module rename-to='AnacomGWT'>

<inherits name='com.google.gwt.user.User' />

<inherits name='com.google.gwt.user.theme.standard.Standard' />

<entry-point class='pt.ist.anacom.presentationserver.client.AnacomGWT' />

<source path='client' />

</module>

AnacomGWT.java

package pt.ist.anacom.presentationserver.client;

import com.google.gwt.core.client.EntryPoint;

public class AnacomGWT implements EntryPoint{

private VerticalPanel mainPanel = new VerticalPanel();

private HorizontalPanel inserePanel = new HorizontalPanel();
private TextBox numBox = new TextBox();
private Button numBtn = new Button();

private HorizontalPanel smsPanel = new HorizontalPanel();
private TextArea smsText = new TextArea();
private TextBox smsBox = new TextBox();
private Button smsBtn = new Button();

private HorizontalPanel saldoPanel = new HorizontalPanel();
private TextBox saldoBox = new TextBox();
private Button saldoBtn = new Button();

private HorizontalPanel modoPanel = new HorizontalPanel();
private Label modoId = new Label();
private Button desligadoBtn = new Button();
private Button ligadoBtn = new Button();
private Button silencioBtn = new Button();
private Button ocupadoBtn = new Button();

@Override
public void onModuleLoad() {

    // Assemble insereBox
    inserePanel.add(numBox);
    inserePanel.add(numBtn);

    //assemble smsPanel
    smsPanel.add(smsText);
    smsPanel.add(smsBox);
    smsPanel.add(smsBtn);

    //assemble saldoPanel
    saldoPanel.add(saldoBox);
    saldoPanel.add(saldoBtn);

    //assemble modoPanel
    modoPanel.add(modoId);
    modoPanel.add(desligadoBtn);
    modoPanel.add(ligadoBtn);
    modoPanel.add(silencioBtn);
    modoPanel.add(ocupadoBtn);

    //assemble mainPanel
    mainPanel.add(inserePanel);
    mainPanel.add(smsPanel);
    mainPanel.add(saldoPanel);
    mainPanel.add(modoPanel);

    RootPanel.get("contents").add(mainPanel);

    numBox.setFocus(true);
}

}

Anacom.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Anacom</title>
</head>
<body>

<h1>Anacom</h1>
<div id="contents"></div>

</body>
</html>

最后是web.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app
PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
<welcome-file-list>
    <welcome-file>Anacom.html</welcome-file>
</welcome-file-list>
 </web-app>

当我将应用程序作为Web应用程序运行时，在我得到的链接中，我只能看到包含在标记中的“ANACOM”，并且我在anacomGWT.java上定义的任何面板都没有，它应该出现在我打电话给的“内容”div：

RootPanel.get("contents").add(mainPanel);

有人知道我的代码有什么问题吗？

Answer 1

我在你的html和GWT之间没有找到任何联系。您没有指定将在您的html页面中使用哪个gwt模块（Anacom.html。）。使用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Anacom</title>
 <script type="text/javascript" language="javascript" src="anacom/anacom.nocache.js"></script>
</head>
<body>

<h1>Anacom</h1>
<div id="contents"></div>

</body>
</html>

Answer 2

也许您必须设置至少一个元素/面板的宽度/高度？

您应该尝试使用浏览器上的某个开发人员工具（本机在IE / chrome上，Firebug在Fx上），并查看在DOM上实际创建的元素。这将为您的调试提供一些有意义的信息。

Answer 3

您的浏览器是否支持启用Javascript？

GWT java Widgets没有出现在指定的div上

3 个答案: