zrozumienie szablonu Jquery
Czytam i próbuję zrozumieć przykładowy szablon Jquery.
<script id="movieTemplate" type="text/x-jquery-tmpl">
{{tmpl "titleTemplate"}}
<tr class="detail"><td>Director: ${Director}</td></tr>
</script>
<table><tbody id="movieList"></tbody></table>
<script>
var movies = [
{ Name: "The Red Violin", Director: "François Girard" ,Producer : "ssss" },
{ Name: "Eyes Wide Shut", Director: "Stanley Kubrick" },
{ Name: "The Inheritance", Director: "Mauro Bolognini" }
];
/* Convert the markup string into a named template,
referenced by the {{tmpl}} tag */
$.template( "titleTemplate", "<tr class='title'><td>${Name}</td></tr>" );
/* Render the movies data, using the named template as a nested template */
$( "#movieTemplate" ).tmpl( movies ).appendTo( "#movieList" );
</script>
W tym przykładowym programie nie jestem w stanie zrozumieć:
/ * Konwertuj ciąg znaczników na nazwany szablon, do którego odwołuje się znacznik {{tmpl}} * /
kiedy wywołujemy: $ ("#movieTemplate") .tmpl (filmy), wywołuje szablon, w którym wywołujemy funkcję szablonu z wejściowymi filmami i dołączamy ją do movielistid
jeśli usunę kod
$.template( "titleTemplate", "<tr class='title'><td>${Name}</td></tr>" );
to nie działa. Czy możesz wyjaśnić, dlaczego potrzebujemy tego i co robi tutaj, tak jak to robi: / * Konwertuj ciąg znaczników na nazwany szablon, średni i wszystkie.
Próbowałem czytać dalej i odkryłem, że nie otrzymuję tego wyjaśnienia