Access list items from JavaScript

Question

I want to access model items by index from JavaScript into a Play Framework template:

<script type="text/javascript" charset="utf-8">
    window.onload = function()
    {
        var cl = ${colors.size()};
        int i = 0;
        for (i=0;i<cl;i++)
        {
            labels = labels + "${colors.name.get(i).escapeJavaScript().raw()}";
        }
    }
</script>

My problem is that this loop throws an exception:

IndexOutOfBoundsException : Index: 12, Size: 4

Nota 0: model = Color.

Nota 1: the size is 4.

Nota 2: if I test with a fixed number instead of variable i it is ok, but this is not what I need.

Cannot get why it does not work.

Is there any chance you're mixing up Java and JavaScript? You're using both var and int, and assuming that the JavaScript i is available in Java. — pimvdb
– pimvdb, Commented Oct 3, 2011 at 14:28

gre · Accepted Answer · 2011-10-03 15:06:15Z

3

You try to use Groovy inside a Javascript loop which is wrong.

Remember your Groovy code (inside ${}) is evaluated by the Play templating on the server side and result of an HTML page returned to the client, and the Javascript is evaluated on client side (by the browser, not on your server).

maybe you want to do something like :

<script type="text/javascript" charset="utf-8">
window.onload = function()
{
    labels = [#{list colors.name}"${_.escapeJavaScript().raw()}"#{if !_isLast},#{/if}#{/list}];
}

which is still dangerous if you don't understand what it does,

prefer using a simple AJAX request and the renderJSON method for dynamic loadings.

answered Oct 3, 2011 at 15:06

gre

1,8412 gold badges16 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Access list items from JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related