如何从独立于 Vaadin 视图的 JS 调用后端方法？

Question

我有以下场景。Javascript 在前端执行并对事件做出反应。如果捕获到事件，则调用特定的后端方法。

我像下面这样初始化后端。该方法在我的Vaadin 14视图之一的初始化期间被调用。

window.init = function(element) {
    window.element = element;
    ...
}

看法：

public class TestView extends Div {
   public TestView() {
      ...
      UI.getCurrent().getPage().executeJs("init($0)", this);
   }
}

稍后在window.element.$server.onTestEvent();前端调用方法。

被调用的后端方法：

@ClientCallable
private void onTestEvent() {
    System.out.println("Test");
}

现在的问题：

我将视图传递为element.

如果我更改视图，element我传递的视图将被销毁，因此即使在前端捕获事件（在后端侧）也无法执行。

Vaadin 14是否提供了一种在所有视图中“全局”存储对象的方法？我希望应用程序独立于我当前访问的视图对事件做出反应。

Answer 1

最简单的解决方案是使用顶级主布局（视图容器/ MainView）的元素而不是单个视图的元素。