jQuery Template compiled vs not compiled (v2)

Revision 2 of this benchmark created by blackjid on November 16, 2011

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>

<script type="x-jquery-tmpl" id="tmplRow">
<tr>
    <td>
    {{if $data.DisplayFullName}}
        ${FullName}
    {{else}}
        ${FirstName} ${LastName}
    {{/if}}
    </td>
</tr>
</script>

<script type="x-jquery-tmpl" id="tmplTbody">
<tbody>
{{each Rows}}
    {{tmpl($value) '#tmplRow'}}
{{/each}}
</tbody>
</script>

<table id="table"></table>

<script>


</script>

Setup

data = {
            Rows: []
        };
    
        for (var i = 0; i < 100; i++) {
    
            var row = {
                FirstName: 'john',
                LastName: 'doe',
                FullName: 'This is a full name',
                DisplayFullName: i % 2 == 0
            }
    
            data.Rows.push(row);
        }

Test runner

var com = $('#tmplTbody').template();
$.tmpl(com, data).appendTo('#table');

$('#tmplTbody').tmpl(data).appendTo('#table');

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Chi Chan on February 14, 2011
• Revision 2: published by blackjid on November 16, 2011