Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6056 efrain 1
<!DOCTYPE html>
2
<html>
3
<head>
4
	<script src="http://code.jquery.com/jquery-3.5.1.js" type="text/javascript"></script>
5
	<script src="../../jsrender.js" type="text/javascript"></script>
6
	<link href="../resources/demos.css" rel="stylesheet" type="text/css" />
7
 
8
	<link href="../resources/movielist.css" rel="stylesheet" type="text/css" />
9
</head>
10
<body>
11
<a href="../demos.html">JsRender Demos</a><br />
12
 
13
<h3>Example Scenario: Using {{props}} tag to iterate through fields</h3>
14
 
15
<pre>
16
{{props details}}
17
    &lt;b>{{>key}}&lt;/b>: {{>prop}}
18
{{/props}}
19
</pre>
20
 
21
<table>
22
	<thead><tr><th>Title</th><th>Details</th></tr></thead>
23
	<tbody id="movieList1"></tbody>
24
</table>
25
 
26
<!--=================== Demo ===================-->
27
 
28
<!------------------ Templates ------------------>
29
 
30
<script id="movieTemplate" type="text/x-jsrender">
31
	<tr>
32
		<td>{{>title}}</td>
33
		<td>
34
			{{props details}}
35
				<div>
36
					<b>{{>key}}</b>: {{>prop}}
37
				</div>
38
			{{/props}}
39
		</td>
40
	</tr>
41
</script>
42
 
43
<!------------------ Script ------------------>
44
 
45
<script type="text/javascript">
46
 
47
	var movies = [
48
		{
49
			title: "Meet Joe Black",
50
			details: {
51
				director: "John",
52
				date: "1996",
53
				language: "English"
54
			}
55
		},
56
		{
57
			title: "Eyes Wide Shut",
58
			details: {
59
				type: "Comedy",
60
				date: "1940"
61
			}
62
		}
63
	];
64
 
65
	$("#movieList1").html(
66
		$("#movieTemplate").render(movies)
67
	);
68
 
69
</script>
70
 
71
</body>
72
</html>