问JSRender -动态更改模板
EN

Stack Overflow用户

提问于 2012-05-24 20:26:53

回答 1查看 2.5K关注 0票数 1

我正在使用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>

我需要的是在运行时更改模板。即<script id=movieTemplate">中的<div>内容

有人能帮我解决这个问题吗？

感谢你分享你的智慧。

jquery

jsrender

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-25 00:56:39

您可以通过$.getJSON下载eample的模板，然后执行以下操作

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

HTH

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10737477

复制

相似问题

问JSRender -动态更改模板
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSRender -动态更改模板EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSRender -动态更改模板
EN