vaadin javascript

Question

我正在嘗試將一些js項目集成到我的vaadin應用程序中。 我嘗試了調用外部JavaScript代碼的方法，只在一些簡單的/ javascript上成功。 我嘗試了NativeJs lib，代碼是：

NativeJS nativeJScomponent = new NativeJS();
nativeJScomponent.setJavascript("alert('foo');");
nativeJScomponent.execute();
addComponent(nativeJScomponent);

但是，當我使用其他一些代碼時：

String jsCode = "<div /><script type=\"text/javascript\">var d = new Date();" 
                  + "var time = d.getHours();" 
                  + "if (time < 10) {document.write(\"<b>Good morning</b>\");}</script>";
NativeJS nativeJScomponent = new NativeJS();
nativeJScomponent.setJavascript(jsCode);
nativeJScomponent.execute();
addComponent(nativeJScomponent);

它無法顯示內容。

我還使用了customelayout和標簽來運行javascript。 結果相同。

是否有任何方法將vaadin與js集成？

Answer 1

Window window = new Window("");
window.executeJavascript("javascript:testFunctionCall();");

Answer 2

執行此操作的正確方法是實現AbstractJavaScriptComponent 。 這允許您在項目中包含一個普通的Javascript文件，並通過RPC調用和共享狀態從服務器端控制該庫。

一個簡單的教程，可以發現這里和Vaadin的書去更深入這里 。 您還可以查看我的Vaadin插件的源代碼，它將Javascript媒體庫與Vaadin集成在一起。

Answer 3

你看過並嘗試在http://uilder.virtuallypreinstalled.com/run/Calling_External_JavaScript/中運行源代碼嗎？