jQuery模板 :(四) JSRender之渲染模板
在JsRender中,是通过调用方法render()来渲染模板的。
JsRender中,有三种方式调用render()方法来渲染模板。
1) 如果已经存在一个template的对象,则可以使用template.render(...)
<table><tbody id="person"></tbody></table> <script id="personTmpl" type="text/x-jsrender"> <tr> <td> {{:name}} </td> </tr> </script>
var myTmpl = $.templates("#personTmpl"); var person = { name: "Adriana" }; var html = myTmpl.render(person); $("#person").html(html);
2) 如果已经有一个通过名字注册的template,名字为("myTmpl"),则可以使用$.render.myTmpl(...)调用。
<table><tbody id="person"></tbody></table> <script id="personTemplate" type="text/x-jsrender"> <tr> <td> {{:name}} </td> </tr> </script>
$.templates("personTmpl", "#personTemplate"); var person = { name: "Adriana" }; var html = $.render.personTmpl(person); $("#person").html(html);
3)如果该template是在一个script脚本块中定义的,并且该脚本块使用selector“#myTmpl",则同样可以使用$("#myTmpl").render(...)调用。
<table><tbody id="person"></tbody></table> <script id="personTemplate" type="text/x-jsrender"> <tr> <td> {{:name}} </td> </tr> </script>
var person = { name: "Adriana" }; var html = $("#personTemplate").render(person); $("#person").html(html);