jquery template value is array or string - how to handle

Question

So I want to <br/> if value is array otherwise just display the value. I guess I can write a function to do this but wondering if there's a better way to do this with jquery template?

<script id="template" type="x-jquery-tmpl"> <table>
  <tr>
    <td>${name}</td>
    <td>{{each value}}${$value}<br/>{{/each}}</td>
  </tr> </table>
</script>

<script>
      var data = [
                    {
                        name: "blah",
                        value: ["1", "2", "3"]
                    },
                    {
                        name: "blah blah",
                        value : "abc"
                    }
                ];

$('#template').tmpl(data).appendTo('#target);
    </script>

<div id="target">

</div>

Andreas Helgegren · Accepted Answer · 2012-02-01 23:28:22Z

5

Something like this should work:

<script id="template" type="x-jquery-tmpl"> <table>
  <tr>
    <td>${name}</td>
    {{if typeof value == 'array'}}
        <td>{{each value}}${$value}<br/>{{/each}}</td>
    {{/if}}
    {{else}}
        <td>${value}<br/></td>
    {{/else}}
  </tr> </table>
</script>

answered Feb 1, 2012 at 23:28

Andreas Helgegren

1,67812 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

jquery template value is array or string - how to handle

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