如何在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

請注意，如果您嘗試執行一些可重用的組件，這不是正確的答案