jQuery templates - Rendering out generic json object

Question

I'm trying to create a generic template which will render out JSON objects. The problem is, with all the samples I have seen, they are based on knowing the names of the key...

I started off trying something like this:

<table>
    {{each}}
    <tr>
        <td>$($value[0]}</td><td>$($value[1]}</td>
    </tr>
    {{/each}}
</table>

Now I this isn't generic yet but I was trying this as a start, but it doesn't work...

Nick Daniels · Accepted Answer · 2011-05-13 01:58:58Z

1

This was not apparent to me either.

<table>
     <tr>
        {{each $data}}
        <td>${ $index }</td><td>${ $value }</td>
        {{/each}}
     </tr>
</table>

But when you see it you have a D'OH moment.

answered May 13, 2011 at 1:58

Nick Daniels

9218 silver badges13 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 09:58:25Z

0

Here's some code that will get you the keys and values of your JSON object. I'm basing this off of jQuery JSON Associative Array.

for(var key in obj) {
  if (obj.hasOwnProperty(key)){
    document.write("<tr><td>" + key + "</td><td>" + obj[key] + "</td></tr>");
  }
}

It's standard javascript. There's an shorter way to do this in jQuery (mentioned in the previous link).

edited May 23, 2017 at 9:58

CommunityBot

11 silver badge

answered Jan 31, 2011 at 18:03

villecoder

13.5k2 gold badges37 silver badges54 bronze badges

1 Comment

vdh_ant Over a year ago

I know i could do this, but the idea is that its supposed to be using a template as there are other factors at work here...

Collectives™ on Stack Overflow

jQuery templates - Rendering out generic json object

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related