[英]Using GWT JSNI to integrate with js files
我目前在GWT项目上工作,现在需要由外部JavaScript文件使用。 我现在正在创建一个测试原型,以确保双方都能正常工作。
当我运行和编译时,我从被调用的事件中看到控制台在浏览器中的日志。 但是,未调用GWT Java方法。
在尝试了许多场景之后,我还注意到,如果我从exportStaticMethods()
删除$entry
包装器,则会发生相反的情况。 我看到在Java代码中调用了System.out
,但是未调用浏览器中JavaScript的控制台日志。
我试图弄清楚是什么原因导致了这种现象,如果我忽略了一个小的遗漏部分。
我已经阅读了有关从JS调用Java方法的GWT JSNI文档,并尝试从StackOverflow上的其他相关问题中找到解决方案。
GWT和Java端
我进入EntryPoint
类的onModuleLoad()
方法,并添加了一个名为exportStaticMethods()
的静态方法。 我还创建了下面列出的PokePingClass.java
文件。
EntryPointClass.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
文件中,我添加了一个ID为'pokePing'的隐藏div
元素以及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');
}
public static native void exportStaticMethods() /*-{
$wnd.pingApp = $entry(function) {
@com.application.PokePingClass.pingApp()();
}
$wnd.pokeApp = $entry(function) {
@com.application.PokePingClass.pokeApp()();
}
}-*/
这不是有效的JS,也没有JSNI的意义。 尝试以下方法:
$wnd.pingApp = $entry(function() {
@com.application.PokePingClass::pingApp()();
});
$wnd.pokeApp = $entry(function() {
@com.application.PokePingClass::pokeApp()();
});
编辑,因为我仍然有错,忘记了成员的::
运算符。
我发现了类似的帖子,但关键是实际上要返回JSNI函数中的方法调用。 之后,一切正常。
public static native void exportStaticMethods() /*-{
$wnd.pingApp = $entry((function) {
return @com.application.PokePingClass::pingApp()();
});
$wnd.pokeApp = $entry((function) {
return @com.application.PokePingClass::pokeApp()();
});
}-*/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.