JSNI在GWT中调用JavaScript

以下是一个示例：

	public native void test(String panelId) /*-{
		var jg = new $wnd.jsGraphics(panelId);
		jg.setColor('#00FF00');
		jg.drawLine(10, 10, 100, 10);
		jg.paint();
	}-*/;

 

在这里强调一点$wnd 。因为GWT编译的js是在iframe中运行，所以你在js文件中自定义的类要new的时候就会报一个JavascriptException TypeError的错误，告诉你找不到这个自定义的类。所以我们必须要加上$wnd。

 

GWT支持将js的对象作为java对象保存下来，并再次用native方法传递回给js使用 ，请看下面的示例代码：

public class GWTCanvas {

	private Object jsGraphics;
	
	public GWTCanvas(String panelId) {
		this.jsGraphics = this.createJsGraphics(panelId);
	}
	
	public void drawLine(int x1, int y1, int x2, int y2) {
		drawLine(jsGraphics, x1, y1, x2, y2);
	}
	
	private native void drawLine(Object jsGraphics, int x1, int y1, int x2, int y2) /*-{
		jsGraphics.drawLine(x1, y1, x2, y2);
	}-*/;
	
	private native Object createJsGraphics(String panelId) /*-{
		return new $wnd.jsGraphics(panelId);
	}-*/;
}

 jsGraphics此java对象保存了js对象。这种方式为GWT和js进行交互以及用GWT封装以后的js类、方法提供了很好的途径。

 

具体的用GWT封装javascript实现绘图的例子可以参考我的这篇博文http://xiaying4415139-163-com.iteye.com/admin/blogs/444213