Vaadin 将 Javascript 添加到自定义布局

Question

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

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

目前我的 Vaadin\themes(project)\layouts 中有 home.html，Vaadin\js\custom.js 中有一个 javascript 库。在我的面板 class 中，我有注释 @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()");
    }
});

Vaadin 将 Javascript 添加到自定义布局

Vaadin Adding Javascript to Custom Layout

javascript

vaadin