Play framework JavaScript function as scala template parameter

Question

I want to reuse a javascript function using a scala template so I would only have to pass a different success/failure function, but I don't seem to be able to able to pass a javascript function to a scala template. Please note I'm veeeeerry new to this and don't even know if what I am doing is possible.

This is kind of what I'm trying to achieve:

@(formId: String, success: JavaScript, fail: JavaScript)
<script type="text/javascript">
    $("@formId").submit(function(e)
    {
        var data = $(this).serializeArray();
        var action = $(this).attr("action");
        $.ajax(
        {
            url : action,
            type: "POST",
            data : data,
            success:function(data, textStatus, jqXHR)           // Change contents to dynamic parameter for scala??? perhaps a javascript function to execute???
            {
                @success()
                /*console.log("save succesfull, progress!")
                alert('Save successfull, now move on!');*/
            },
            error: function(jqXHR, textStatus, errorThrown)     // Change contents to dynamic parameter for scala??? perhaps a javascript function to execute???
            {
                //if fails
                @fail()
                /*console.log(jqXHR.responseText);
                var errors = JSON.parse(jqXHR.responseText);
                console.log(errors);
                alert('Woops, something went wrong: ' + jqXHR.responseText);*/
            }
        });
        e.preventDefault();
    });
</script>

How it would be used:

@snippets.ajaxFormSubmit("#form",
                        function()
                        {
                            alert("Save successfull, now move on!");
                        },
                        function()
                        {
                            alert("Save failed!");
                        }
                    )

Daniel Olszewski · Accepted Answer · 2014-09-05 10:09:28Z

1

You can pass any content to a template via Html type.

@(formId: String, success: Html, fail: Html)
<script type="text/javascript">
    $("@formId").submit(function(e)
    {
        var data = $(this).serializeArray();
        var action = $(this).attr("action");
        $.ajax(
        {
            url : action,
            type: "POST",
            data : data,
            success:function(data, textStatus, jqXHR)           // Change contents to dynamic parameter for scala??? perhaps a javascript function to execute???
            {
                @success
            },
            error: function(jqXHR, textStatus, errorThrown)     // Change contents to dynamic parameter for scala??? perhaps a javascript function to execute???
            {
                @fail
            }
        });
        e.preventDefault();
    });
</script>

In a client view you can user it as follows:

@successFunc = {
    alert("Save successfull, now move on!");
}

@failureFunc = {
    alert("Save failed!");
}

@snippets.ajaxFormSubmit("#form", successFunc, failureFunc)

answered Sep 5, 2014 at 10:09

Daniel Olszewski

14.5k6 gold badges61 silver badges66 bronze badges

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

4 Comments

Max Maes Over a year ago

This won't compile: not found: value successFunc.

Daniel Olszewski Over a year ago

What version of Play are you using? Are you sure you copied everything as in the showcase?

Daniel Olszewski Over a year ago

Make sure that successFunc and failureFunc declarations aren't placed in other code block.

Max Maes Over a year ago

Thanks that was the issue!

Collectives™ on Stack Overflow

Play framework JavaScript function as scala template parameter

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related