jQuery Templates: Step by Step Examples

App Example

Movies

Read-only rendering

API: $( "#template" ).tmpl( data ).appendTo( "#list");
Local data
Remote data
Tags - Content
${} and {{html}}
{{if}} and {{else}}
{{each}}
javascript demo
Tags - Composition
Hierarchical data - {{tmpl}}

Interactivity

Navigating through data
Switch templates: Accordion
Recursive Tree View - {{tmpl}}
Tabs View - {{wrap}}