无法在 Vaadin 视图中从 @JavaScript 导入调用 JS 函数

Question

我有这个 Vaadin 观点：

@Route()
@JavaScript(value="scripts/print.js")
public class PrintableView extends BaseView {


    @Override
    public void setParameter(BeforeEvent event, @OptionalParameter String parameter) {
        super.setParameter(event, parameter);
    }

    @Override
    protected void onAttach(AttachEvent attachEvent) {
        UI.getCurrent().getPage().executeJs("printWhenLoaded($0);",".layout");
    }
    

}

和 javascript 导入：

function printWhenLoaded(selector) {
  setTimeout(function () {
    var e = document.querySelector(selector);
    if(e && e.innerHTML.length) {
        window.print();
        window.close();
    }
    else printWhenLoaded(selector)
  }, 200)
};
//printWhenLoaded('.layout');

导入成功加载（最终），因为当我取消注释最后一行时它起作用了。但是当尝试从 onAttach 方法调用它时，我在浏览器控制台中看到一个错误，即“printWhenLoaded”未定义。

好像在onAttach的时候浏览器还没有真正加载JS文件

Answer 1

你的问题是你没有在正确的范围内定义函数，而不是文件没有从

onAttach

方法加载和可用。最简单的方法是在

window

对象中定义函数：

window.printWhenLoaded = function (selector) {
  // ...
}