forked from BorisMoore/jquery-tmpl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
step-by-step.html
33 lines (27 loc) · 1.53 KB
/
step-by-step.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="resources/demos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>jQuery Templates: Step by Step Examples</h2>
<h3>App Example</h3>
<a href="movies/PagesCore/movies.html">Movies</a><br />
<h3>Read-only rendering</h3>
<div class="subhead">API: $( "#template" ).tmpl( data ).appendTo( "#list");</div>
<a href="step-by-step/0_tmpl-read-only/0_local-data.html">Local data</a><br />
<a href="step-by-step/0_tmpl-read-only/1_remote-data.html">Remote data</a><br />
<div class="subhead">Tags - Content</div>
<a href="step-by-step/0_tmpl-read-only/2_html-tag.html">${} and {{html}}</a><br />
<a href="step-by-step/0_tmpl-read-only/3_if-else-tag.html">{{if}} and {{else}}</a><br />
<a href="step-by-step/0_tmpl-read-only/4_each-tag.html">{{each}}</a><br />
<a href="step-by-step/0_tmpl-read-only/5_javascript.html">javascript demo</a><br />
<div class="subhead">Tags - Composition</div>
<a href="step-by-step/0_tmpl-read-only/6_hierarchical-data.html">Hierarchical data - {{tmpl}}</a><br />
<h3>Interactivity</h3>
<div class="subhead">Navigating through data</div>
<a href="step-by-step/1_tmpl-interactive/0_accordion-switching-template.html">Switch templates: Accordion</a><br />
<a href="step-by-step/1_tmpl-interactive/1_tree-view-using-tmpl-tag.html">Recursive Tree View - {{tmpl}}</a><br />
<a href="step-by-step/1_tmpl-interactive/2_tabs-using-wrap-tag.html">Tabs View - {{wrap}}</a><br />
</body>
</html>