vaadin javascript

Question

I am trying to integrate some js project into my vaadin app. And I tried the methods to invoke external javascript code, only successed on some easy/javascript. I tried the NativeJs lib and the code is:

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

However, when I used some other code like:

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);

It failed to display content.

And I also used the customelayout and label to run javascript. The same results came.

Is there any method to integrate vaadin with js?

I would think that you're mixing up html with js, while NativeJS probably only supports compiling js. — sharp johnny
– sharp johnny, Commented May 19, 2011 at 8:25
yes, just like a field with html and js. And I have solved the problem and I use the coustomlayout to do this and need to write the script tag into the applicationservlet class. — Kyleinincubator
– Kyleinincubator, Commented May 23, 2011 at 19:43

fmucar · Accepted Answer · 2011-05-19 09:55:53Z

3

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

answered May 19, 2011 at 9:55

fmucar

14.6k2 gold badges48 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bdunn · Accepted Answer · 2015-04-21 03:01:14Z

1

The correct way to do this is to implement AbstractJavaScriptComponent. This allows you to include a plain Javascript file in your project and control that library from the server side through RPC calls and shared state.

An easy tutorial can be found here and the Book of Vaadin goes more in-depth here. You can also take a look at the source code of my Vaadin addon which integrates a Javascript media library with Vaadin.

edited Apr 21, 2015 at 3:01

answered Apr 21, 2015 at 2:55

bdunn

4824 silver badges19 bronze badges

Comments

CRH · Accepted Answer · 2011-05-19 09:51:24Z

0

have you looked and tried to run the source in http://uilder.virtuallypreinstalled.com/run/Calling_External_JavaScript/

answered May 19, 2011 at 9:51

CRH

3212 silver badges8 bronze badges

Collectives™ on Stack Overflow

vaadin javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related