JSRender - 動態更改模板

我使用的第一個例子中的演示 -

<!DOCTYPE html> 
<html> 
<head> 

<script src="http://code.jquery.com/jquery.js" type="text/javascript"></script> 
<script src="../../jsrender.js" type="text/javascript"></script> 
<link href="../resources/demos.css" rel="stylesheet" type="text/css" /> 
</head> 


<body> 
<a href="../demos.html">JsRender Demos</a><br /> 
<h3>Render template against local data</h3> 

<script id="movieTemplate" type="text/x-jsrender"> 

<!-- This thing i want to change dynamically --> 
<div> 
{{:#index+1}}:<b>{{:Close}}</b> ({{:Open}}) 
</div> 

</script> 



<div id="movieList"></div> 

<script type="text/javascript"> 
var movies = [ 
{ name: "The Red Violin", releaseYear: "1998" }, 
{ name: "Eyes Wide Shut", releaseYear: "1999" }, 
{ name: "The Inheritance", releaseYear: "1976" } 
]; 

// Render the template with the movies data and insert 
// the rendered HTML under the "movieList" element 
$("#movieList").html(
    $("#movieTemplate").render(movies) 
); 

</script> 
</body> 
</html>

我需要的是在運行時更改模板。這是<div>內容<script id=movieTemplate">

任何人都可以幫我解決這個問題。

感謝您分享您的智慧。

來源

2012-05-24 IrfanRaza

您也可以下載通過$ .getJSON eample的模板，然後像做

$.getJSON('http://YourServer.com/yourTemplate.txt', function(res) { 
$.templates({ tmpl: res }); 
$("#movieList").html($.render.tmpl(movies)); 
});

HTH

來源

2012-05-24 16:56:38

感謝亞彌！但我無法理解你的代碼。同時我會嘗試一下代碼。再次感謝！ – IrfanRaza

現在理解了代碼，但仍然不適合我。我想我需要更多的工作。 – IrfanRaza

最後它爲我工作。謝謝哥們！？ – IrfanRaza

JSRender - 動態更改模板

回答

相關問題