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);

 

 

评论

3 楼 bobkingdom 2015-12-25  

三呢，求教程三，多谢，中间断了好不爽，强迫症患者求教程三

2 楼 Josh_Persistence 2014-03-20  

我找了下，也没看到“三”了，果断时间补上，最近正在研究Esper和Solr，暂时没有空。

1 楼 linmq 2014-03-20  

三呢？可以告知链接吗？