Jquery templates: How to access data object from array

Question

This example does not work for me:

$.tmpl('<span class="ui-button ui-widget ui-icon-${data}">\
        ${data}</span>', \
        ["info", "delete"]\
)

since it will return nothing in place of ${data}. I also tried with ${item} which gave me same result.

What i want to achieve, is to insert the text "info" in the first generated span and "delete" in the next span.

As a workaround, i can pass in objects like so:

[{name: "info"}, {name: "delete"}]

and access them with ${name} directly.

But how to i make it work without the workaround?? What is the correct syntax for getting element in aray?

Chandu · Accepted Answer · 2011-07-15 00:11:52Z

2

You forgot to add one $ sign before data. Change ${data} to ${$data}

Try this:

$.tmpl('<span class="ui-button ui-widget ui-icon-${$data}">${$data}</span>', ["info", "delete"])

answered Jul 15, 2011 at 0:11

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

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

1 Answer 1