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>