我目前正在开发一个 GWT 项目,它现在需要由外部 JavaScript 文件使用。我现在正在创建一个测试原型,以确保双方都能正常工作。
当我运行和编译时,我会在浏览器中看到被调用事件的控制台日志。但是,没有调用 GWT java 方法。
在尝试了许多场景之后,我还注意到,如果我$entry
从 中删除包装器exportStaticMethods()
,则会发生相反的情况。我看到System.out
s 在我的 java 代码中被调用,但是来自浏览器中 JavaScript 的控制台日志没有被调用。
我试图弄清楚是什么导致了这种行为,以及是否有一个我忽略的小缺失部分。
我已经查看了从 js 调用 Java 方法的 GWT JSNI 文档,并试图从 StackOverflow 上的其他相关问题中找到解决方案。
GWT 和 Java 端
我已经进入了onModuleLoad()
我的EntryPoint
类的方法并添加了一个名为exportStaticMethods()
. 我还创建了PokePingClass.java
下面列出的文件。
入口点类.java
public class EntryPointClass implements EntryPoint {
@Override public void onModuleLoad() {
exportStaticMethods();
// load application here.
}
public static native void exportStaticMethods() /*-{
$wnd.pingApp = $entry((function) {
@com.application.PokePingClass::pingApp()();
});
$wnd.pokeApp = $entry((function) {
@com.application.PokePingClass::pokeApp()();
});
}-*/
}
PokePingClass.java
public class PokePingClass {
public static void pokeApp() {
System.out.println("pokeApp() called");
}
public static void pingApp() {
System.out.println("pingApp() called");
}
}
HTML 和 js
在.html
项目的文件中,我添加了一个隐藏div
元素 id 'pokePing',以及pokeping.js
文件。
<html>
<head>
.
. <!-- other stuff -->
.
<script type='text/javascript' src='pokeping.js</script>
</head>
<body>
.
. <!-- other stuff -->
.
<div id="pokePing" style="visibility: hidden;"></div>
</body>
</html>
pokeping.js
$(document).ready(function) {
var $pp = $('#pokePing');
var pokeApp = function() {
console.log("app handling poke event");
window.parent.pokeApp();
}
var pingApp = function() {
console.log("app handling ping event");
window.parent.pingApp();
}
$pp.trigger('pokeApp');
$pp.trigger('pingApp');
}