6056 |
efrain |
1 |
<!DOCTYPE html>
|
|
|
2 |
<html>
|
|
|
3 |
<head>
|
|
|
4 |
<title>JsRender: Demos</title>
|
|
|
5 |
<link href="resources/demos.css" rel="stylesheet" type="text/css" />
|
|
|
6 |
</head>
|
|
|
7 |
<body>
|
|
|
8 |
|
|
|
9 |
<div class="box">
|
|
|
10 |
<h3>The demos below have been superseded by the <em><a href="http://www.jsviews.com">documentation</a></em>
|
|
|
11 |
and <em><a href="http://www.jsviews.com/#samples/jsr">samples</a></em> on <em><a href="http://www.jsviews.com">jsviews.com</a></em>,
|
|
|
12 |
which are more up-to-date and complete</h3>
|
|
|
13 |
</div>
|
|
|
14 |
|
|
|
15 |
<div class="subhead"><< <a href="index.html">Index for JsRender and JsViews</a></div>
|
|
|
16 |
|
|
|
17 |
<h2>JsRender: Demos</h2>
|
|
|
18 |
|
|
|
19 |
<ul class="indexitems">
|
|
|
20 |
<li class="subhead">Step-by-step samples:</li>
|
|
|
21 |
<li class="inset">- <a href="step-by-step/01_inserting-data.html">Inserting data values</a></li>
|
|
|
22 |
<li class="inset">- <a href="step-by-step/02_compiling-named-templates-from-strings.html">Compiling named templates from strings</a></li>
|
|
|
23 |
<li class="inset">- <a href="step-by-step/03_converters-and-encoding.html">Rendering data values (with optional encoding) using {{: }} and {{> }}: </a></li>
|
|
|
24 |
<li class="inset">- <a href="step-by-step/04_if-else-tag.html">Conditional blocks using {{if}} and {{else}}</a></li>
|
|
|
25 |
<li class="inset">- <a href="step-by-step/05_for-tag.html">Looping through data using {{for}}</a></li>
|
|
|
26 |
<li class="inset">- <a href="step-by-step/06_template-composition.html">Template composition using {{for}} and {{include}}</a></li>
|
|
|
27 |
<li class="inset">- <a href="step-by-step/07_paths.html">Accessing paths</a></li>
|
|
|
28 |
<li class="inset">- <a href="step-by-step/08_custom-tags.html">Custom tags</a></li>
|
|
|
29 |
<li class="inset">- <a href="step-by-step/09_helper-functions.html">'Helper' functions</a></li>
|
|
|
30 |
<li class="inset">- <a href="step-by-step/10_comparison-tests.html">Comparison tests</a></li>
|
|
|
31 |
<li class="inset">- <a href="step-by-step/11_accessing-parent-data.html">Accessing parent data</a></li>
|
|
|
32 |
<li class="inset">- <a href="step-by-step/12_passing-in-context.html">Passing in context</a></li>
|
|
|
33 |
<li class="inset">- <a href="step-by-step/13_associating-helpers-with-templates.html">Associating helpers with templates</a></li>
|
|
|
34 |
<li class="inset">- <a href="step-by-step/20_without-jquery.html">JsRender without jQuery</a></li>
|
|
|
35 |
|
|
|
36 |
<li class="subhead">Variants and details:</li>
|
|
|
37 |
<li class="inset">- <a href="variants/variants.html">Samples: variants and details</a></li>
|
|
|
38 |
|
|
|
39 |
<li class="subhead">Scenario examples:</li>
|
|
|
40 |
<li class="inset">- <a href="scenarios/01_default-values-scenario.html">'Default values' scenario</a></li>
|
|
|
41 |
<li class="inset">- <a href="scenarios/02_separators-scenario.html">'Separators' scenario</a></li>
|
|
|
42 |
<li class="inset">- <a href="scenarios/03_iterating-through-fields-scenario.html">'Iterating through fields' scenario</a></li>
|
|
|
43 |
<li class="inset">- <a href="scenarios/04_assigning-variables-scenario.html">'Assigning variables' scenario</a></li>
|
|
|
44 |
<li class="inset">- <a href="scenarios/05_arrays-plus-headers-and-footers.html">Array templates with headers and footers outside the repeated items</a></li>
|
|
|
45 |
</ul>
|
|
|
46 |
</body>
|
|
|
47 |
</html>
|