How to add JavaScript function in Vaadin with return value?

Question

In Vaadin it's possible to register a JavaScript function for example like this:

JavaScript.getCurrent().addFunction("openObj", new JavaScriptFunction() {
    private static final long serialVersionUID = 9167665131183664686L;

    @Override
    public void call(JsonArray arguments) {
        if (arguments.length() != 1) {
            Notification.show("Wrong arguments for openObj: " + arguments.asString());
            return;
        }
        openObject(arguments.get(0).asString());
    }
});

Is it somehow possible to register a function which has a return value?

Chris M · Accepted Answer · 2016-12-06 09:39:24Z

3

You could work round this by calling back to another JavaScript method.

JavaScript.getCurrent().addFunction("openObj", new JavaScriptFunction() {
    private static final long serialVersionUID = 9167665131183664686L;

    @Override
    public void call(JsonArray arguments) {
        if (arguments.length() != 1) {
            Notification.show("Wrong arguments for openObj: " + arguments.asString());
            return;
        }
        String val = openObject(arguments.get(0).asString());
        JavaScript.getCurrent().execute("myMethod('" + val + "');");
    }
});

Then in your JS when you call the openObj function could look something like this:

function doStuff(obj){
    openObj(obj);
}

function myMethod(val)
{
    alert(val);
}

answered Dec 6, 2016 at 9:39

Chris M

1,0681 gold badge16 silver badges28 bronze badges

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

1 Comment

flavio.donze Over a year ago

I used your workaround to store the content in a JavaScript variable, which I then access from the HTML. Was a bit tricky because at the time I access the variable, vaadin has not registered it. So I needed a timeout function. Not the cleanest solution but it works thanks for the hint.

Břetislav Wajtr · Accepted Answer · 2016-12-06 07:15:45Z

0

This is the JavaDoc for the JavaScriptFunction#call(JsonArray) method, which explains that you cannot have a return value:

     /**
     * Invoked whenever the corresponding JavaScript function is called in the
     * browser.
     * <p>
     * Because of the asynchronous nature of the communication between client
     * and server, no return value can be sent back to the browser.
     * 
     * @param arguments
     *            an array with JSON representations of the arguments with which
     *            the JavaScript function was called.
     */
    public void call(JsonArray arguments);

answered Dec 6, 2016 at 7:15

Břetislav Wajtr

3371 silver badge10 bronze badges

1 Comment

flavio.donze Over a year ago

I was hoping for a workaround or maybe some other approach. Maybe there is other API than JavaScriptFunction.

Collectives™ on Stack Overflow

How to add JavaScript function in Vaadin with return value?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related