如何在vaadin中集成javascript（例如OpenStreetMap）？

Question

是否可以在vaadin应用程序中创建像OpenStreetMap或jQuery这样的javascript元素？

因为vaadin网站是用java编程创建的，让编译器自动创建DOM和JavaScript吗？

那么，它有可能吗？

Answer 1

您可以使用AbstractJavaScriptComponent创建这样的集成

这里的基本思想是子类化这个类，用@JavaScript注释以@JavaScript所需的JS库。 然后编写至少一个全局函数，在DOM中设置你的lib（你将拥有一个<div> ）。 您的组件可以保持状态，服务器端可以调用客户端上定义的函数（同时发送例如状态），客户端可以调用服务器函数（作为JSON传递的参数）。

Wiki有一个例子，说明如何包含这样的组件

Answer 2

有一些简单而廉价的解决方案从长远来看并不是最好的，但它们可能就足够了：

1）

如果您只想渲染一些html，则无法将其作为标签的值插入，并将其内容模式更改为html。

https://vaadin.com/book/-/page/components.label.html

2）

如果你只想在ui事件后执行一些javascript代码，你可以调用Javascript.getCurrent（）。execute（javascriptCode）。

https://vaadin.com/book/vaadin7/-/page/advanced.javascript.html

请注意，如果您尝试执行一些可重用的组件，这不是正确的答案