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 
</head>
8 
<body>
9 
<a href="../demos.html">JsRender Demos</a><br />
10 
 
11 
<h3>Accessing paths</h3>
12 
 
13 
<script id="peopleTemplate" type="text/x-jsrender">
14 
 
15 
	<b>{{:#index+1}}:</b> {{>firstName}} {{>lastName}}:
16 
 
17 
	<br/>
18 
	{{for address tmpl="#addressTemplate"}}{{else}}
19 
		Address missing
20 
	{{/for}}
21 
 
22 
	<div>
23 
		Phones:
24 
		{{for ~combine(phones, cells)}}
25 
			<b>{{>#data}}</b> ({{>#parent.parent.data.firstName}}'s)
26 
		{{else}}
27 
			{{>#parent.data.firstName}} has no phones or cells
28 
		{{/for}}
29 
 
30 
{{!-- or provide an alias to get to firstName from nested content
31 
		Phones:
32 
		{{for ~combine(phones, cells) ~frstNm=firstName}}
33 
			<b>{{>#data}}</b> ({{>~frstNm}}'s)
34 
		{{else}}
35 
			{{>~frstNm}} has no phones or cells
36 
		{{/for}}
37 
--}}
38 
	</div>
39 
 
40 
	<br/>
41 
 
42 
	<i>
43 
		{{>firstName}}
44 
 
45 
		{{if address && address.street}}  {{!-- address may be null or undefined --}}
46 
			lives in {{>address.street}}.
47 
		{{else}}
48 
			has no address...
49 
		{{/if}}
50 
	</i>
51 
	<hr/>
52 
 
53 
</script>
54 
 
55 
<script id="addressTemplate" type="text/x-jsrender">
56 
<div>
57 
	{{if street}}
58 
		{{>street}}
59 
	{{else}}
60 
		<i>Somewhere</i> in
61 
	{{/if}}
62 
	{{>city}}
63 
</div>
64 
</script>
65 
 
66 
<div id="peopleList"></div>
67 
 
68 
<script type="text/javascript">
69 
	var people = [
70 
		{
71 
			firstName: "Pete",
72 
			lastName: "Ruffles",
73 
			address: {
74 
				city: "Bellevue"
75 
			},
76 
			cells: ["425 666 3455", "425 222 1111"]
77 
		},
78 
		{
79 
			firstName: "Xavier",
80 
			lastName: "NoStreet",
81 
			phones: ["222 666 3455"],
82 
			cells: ["444 666 3455", "999 222 1111"]
83 
		},
84 
		{
85 
			firstName: "Christie",
86 
			lastName: "Sutherland",
87 
			address: {
88 
				street: "222 2nd Ave NE",
89 
				city: "Redmond"
90 
			}
91 
		}
92 
	];
93 
 
94 
	$.views.tags({
95 
		notLast: function( content ) {
96 
			var array = this.parent.data;
97 
			return array[ array.length - 1 ] === this.data ? "" : content( this );
98 
		}
99 
	});
100 
 
101 
	$.views.helpers({
102 
		combine: function( arr1, arr2 ) {
103 
			return arr1 && arr2 ? arr1.concat(arr2) : arr1 || arr2;
104 
		}
105 
	});
106 
 
107 
	$( "#peopleList" ).html(
108 
		$( "#peopleTemplate" ).render( people )
109 
	);
110 
 
111 
</script>
112 
 
113 
</body>
114 
</html>