2012-03-18 62 views
1

我是GWT的初学者。我想到了我的入门级如下:从eclipse执行GWT应用程序

public class HelloWorld implements EntryPoint { 


public void onModuleLoad() { 
    // TODO Auto-generated method stub 
    Label label = new Label("Hello GWT !!!"); 
    Button button = new Button("Say something"); 
    button.addClickHandler(new ClickHandler() { 
     @Override 
     public void onClick(ClickEvent event) { 
      Window.alert("Hello, again"); 
     } 

    }); 

    try{ 
    RootPanel.get("hold").add(label); 
    RootPanel.get("hold").add(button); 
    }catch(Exception e){ 
     System.out.println(e.toString()); 
    } 
} 

} 

和XML文件来声明入门级为:

<?xml version="1.0" encoding="UTF-8"?> 
<module rename-to='testgwt'> 
    <inherits name='com.google.gwt.user.User'/> 
    <inherits name='com.google.gwt.user.theme.clean.Clean'/> 
    <!-- Specify the app entry point class --> 
    <entry-point class="com.jade.testgwt.client.HelloWorld"/> 
</module> 

HTML文件如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <link type="text/css" rel="stylesheet" href="TestGWT.css"> 
    <title>My First GWT applicaton</title> 
    <script type="text/javascript" language="javascript" src="testgwt/test_gwt.nocache.js"></script> 
    </head> 

    <body> 
    <h1>My First GWT applicaton</h1> 
    <div id="hold"></div> 

    </body> 
</html> 

所以当我通过右键单击该项目并选择Run as Web应用程序运行时,我期待看到网页上的标签和按钮控件。我只能看到h1的标签文本。不知道为什么标签和按钮不显示?

回答

1

相反的RootPanel.get("hold").add(...),试试这个:

RootLayoutPanel.get().add(label); 
RootLayoutPanel.get().add(button); 
+0

没有解决问题。 – jade 2012-03-18 14:14:25

0

什么是你的GWT模块的全名?如果模块名称为testgwt,我不认为test_gwt.nocache.js是正确的。尝试删除下划线。无论如何,您可以在Firefox中安装Firebug来监视网络活动,并查看获取JS的请求是否失败。

编辑:如果您在Eclipse中创建了“新建Web应用程序”项目,则会生成一个工作示例应用程序,您可以将其与您的代码进行比较。

+0

酷!没有看到。非常感谢,谢谢。 – jade 2012-03-18 14:15:09

0

你需要拿面板。并在该面板中添加您的标签和按钮。

该面板将被添加到RootPanel.get(“hold”).add(...)中。

0

你HTML中的ID 分工如下页面添加此行“持有”

<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position: absolute; width: 0; height: 0; border: 0"></iframe> 

你错过了这条线。

还可以编辑脚本代码在HTML页面的,

确保一个testgwt.nocache.jstestgwt文件夹下存在

相关问题