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>Helper functions</h3>
14 
 
15 
<pre>
16 
{{>~format(name, "upper")}}
17 
 
18 
$.views.helpers({
19 
 
20 
    format: function( val, format ) {
21 
        ...
22 
        return val.toUpperCase();
23 
        ...
24 
    },
25 
 
26 
    ...
27 
});
28 
</pre>
29 
 
30 
<!--=================== Demo ===================-->
31 
 
32 
<!------------------ Templates ------------------>
33 
 
34 
<script id="movieTemplate" type="text/x-jsrender">
35 
	<tr>
36 
		<td>{{>~format(title, "upper")}}</td>
37 
		<td>
38 
			{{for languages}}
39 
				{{>~format(name, "lower")}}
40 
			{{/for}}
41 
		</td>
42 
	</tr>
43 
</script>
44 
 
45 
<table>
46 
	<thead><tr><th>Title</th><th>Languages</th></tr></thead>
47 
	<tbody id="movieList"></tbody>
48 
</table>
49 
 
50 
<!------------------ Script ------------------>
51 
 
52 
<script type="text/javascript">
53 
	$.views.helpers({
54 
 
55 
		format: function( val, format ) {
56 
			var ret;
57 
			switch( format ) {
58 
				case "upper":
59 
					return val.toUpperCase();
60 
				case "lower":
61 
					return val.toLowerCase();
62 
			}
63 
		}
64 
	});
65 
 
66 
	var movie = {
67 
			title: "Eyes Wide Shut",
68 
			languages: [
69 
				{ name: "French" },
70 
				{ name: "German" },
71 
				{ name: "Spanish" }
72 
			]
73 
		};
74 
 
75 
	$( "#movieList" ).html(
76 
		$( "#movieTemplate" ).render( movie )
77 
	);
78 
 
79 
</script>
80 
 
81 
</body>
82 
</html>