javascript - Vaadin 将 Javascript 添加到自定义布局

Question

我已经阅读了有关此主题的其他帖子。 我只是想澄清一下，vaadin 是否真的没有办法:

• 创建自定义布局 html 文件，例如 custom.html；
• 向其中导入一个java脚本文件，然后...;
• 像平常一样从 html 文件中调用 js 函数？

目前，我的 Vaadin\themes(project)\layouts 中有 home.html，Vaadin\js\custom.js 中有一个 javascript 库。 在我的面板类中，我有注释 @JavaScript({"vaadin://js/custom.js"}) ，在我的 html 中我尝试了 <script type="text/javascript" src="custom.js"></script> .

我在html文件中有一些超链接，点击时需要调用js函数。

如果可能的话，任何信息都会最有帮助吗？

Answer 1

不可能直接从 html 布局中调用它。请注意，您的自定义 html 文件只是一个布局，因此 Vaadin 使用您的布局和服务器端代码生成自己的 html。这就是为什么你的 <script>注释不仅是多余的，而且根本就没用。

但是仍然可以使用 Vaadin 调用 JavaScript。使用监听器，您可以从服务器调用客户端代码:

ok.addClickListener(new ClickListener()
{
    @Override
    public void buttonClick(ClickEvent event)
    {
        JavaScript.getCurrent().execute("itsHot()");
    }
});