GWT与HTML

GWT 与 HTML , JAVASCRIPT

2008-06-29 18:54

GWT是GOOGLE开发的一个可以将JAVA编译成JAVASCRIPT的工具，便于AJAX开发。

GWT与HTML

GWT本身提供了一些基本的WIDGET便于界面开发。但是使用WIDGET开发界面会比较耗时。因为现在好像还没有什么工具帮助可视化开发。而且让后台编程人员开发界面，似乎也比较头痛。

GWT还提供了DOM工具，利用美工做好的HTML页面，后台人员结合GWT来开发。

Element button = DOM.getElementById("button_a");

DOM.sinkEvents(button, Event.ONCLICK);

DOM.setEventListener(button,new EventListener(){
public void onBrowserEvent(Event event) {
    if(DOM.eventGetType(event) == Event.ONCLICK){
        Window.alert("hello world!");
    }
    }
});

通过DOM.getElementById获取页面元素，这里可以是任意HTML元素。

然后通过DOM.sinkEvents让HTML元素触发事件。

最后是DOM.setEventListener加入事件监听器。

GWT与JAVASCRIPT

GWT调用JAVASCRIPT的方法，在GWT的文档中已经有很详细的介绍。

但是没有介绍JAVASCRIPT如何调用GWT的代码。

GWT编译器会将函数名转变成一个随机字串。因此你不能在JAVASCRIPT的代码中直接引用。但是GWT编译器也会将所有的引用改名。所以你在JSNI中的引用也会跟着改变。这意味着你可以在JSNI中将GWT函数赋值给一个JAVASCRIPT变量，然后通过这个变量调用GWT函数。

GWT代码：

public static native void setupJavascriptCallback() /*-{
$wnd.bbb = @org.yournamehere.client.MainEntryPoint::myGWTMethod();
}-*/;
   
public static void myGWTMethod() {
Window.alert("hello world!!!!");
}

HTML代码：

<script>var bbb;</script>
<input type="button" onClick="bbb()"/>

在GWT代码里调用setupJavascriptCallback函数后，GWT的myGWTMethod函数就赋值给了HTML代码里的bbb变量。当button点击时就调用了GWT的函数。这里要注意，执行bbb函数前，GWT的代码必须执行完毕。

评论

1 楼 kongquexue 2011-09-26  

第一个的那个html要放在哪里，怎么引进去