如何从Javascript函数调用JSNI函数？

Question

这是 html 中的呼叫者按钮示例：

<input type='button' value='Call' onclick='Test()'>

这里是我尝试过的一些函数，但没有起作用：

<script type="text/javascript">
    function Test() {
        com.tests.client.Test_GoogleWeb_JSNI::Callee()();
    }
</script>

但是我们无法调用 Callee()。我们如何实现这一点？我的意思是我们如何从 javascript 调用 JSNI 函数？

如有帮助，将不胜感激。

Answer 1

这很容易。您需要“导出”用 GWT 编写的函数（或者它可以是另一个 JSNI）函数。

以下是相关文档：http://code.google.com/webtoolkit /doc/latest/DevGuideCodingBasicsJSNI.html#calling

因此，在您的情况下：

在您的 GWT 代码中：

public static void Caller() /*-{ 
   ... 
}-*/

public static native void exportStaticMethod() /*-{
   $wnd.Callee =
      $entry(@com.tests.client.Test_GoogleWeb_JSNI::Callee());
}-*/;

然后您在某处调用 exportStaticMethod() ，即使在你的 onModuleLoad 中。 <<您必须执行此操作

然后您可以从手写的 javascript 代码中调用 Callee()。

您的按钮代码：

<input type='button' value='Call' onclick='$wnd.Callee();'>

Answer 2

对于 chrome，如果我将 onclick='$wnd.Callee() 更改为 onclick='window.Callee()，则上述解决方案有效。 Chrome 的浏览器控制台告诉我们 $wnd 未定义。 $wnd是JSNI中如何访问浏览器的窗口对象。

抱歉，我不能仅将此作为评论（积分不够）

Answer 3

请参阅此处：

1. 确保 Test_GoogleWeb_JSNI.Callee( ) 是静态。
2. 将 Callee() 函数分配给窗口对象。