首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >JS与JavaFX重装后的通信

JS与JavaFX重装后的通信
EN

Stack Overflow用户
提问于 2016-08-06 12:58:42
回答 1查看 158关注 0票数 0

我想从HTML上的javascript调用javafx函数。我执行以下操作(并且工作正常):

代码语言:javascript
代码运行次数:0
运行
复制
JSObject win = (JSObject) webEngine.executeScript("window");
win.setMember("app", new MyController(this.webEngine));

URL url = getClass().getResource("page1.html");            
this.webEngine.load(url.toExternalForm());

在page1.html中,我可以使用app对象从MyController和JavaScript调用函数:

代码语言:javascript
代码运行次数:0
运行
复制
app.hello();

然后,在某个时候,我会像这样更改显示页面:

代码语言:javascript
代码运行次数:0
运行
复制
URL url = getClass().getResource("page2.html");            
this.webEngine.load(url.toExternalForm());

问题是,在page2.html中,我不能从MyController调用任何函数。我尝试重新创建对象应用程序(在页面更改之前和之后),但是它不起作用。

如何维护JS和JavaFX内部的交互?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-10 10:26:03

我找到了解决办法。加载新页面后,DOM将被替换,因此window对象也会发生变化。在上一页上创建的原始JSObject对象指向错误的window,因此JS无法调用其方法。每次重新加载页面时都需要创建一个新的JSObject对象。

要重新创建新的JSObject对象,必须确保页面已完全加载,因此:

代码语言:javascript
代码运行次数:0
运行
复制
webEngine.getLoadWorker().stateProperty().addListener((obs, oldState, newState) -> {
    if (newState == State.SUCCEEDED) {
        JSObject win = (JSObject) webEngine.executeScript("window");
        win.setMember("app", new MyController(this.webEngine));
    }
});

URL url = getClass().getResource("page2.html");            
webEngine.load(url.toExternalForm());
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38804536

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档