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

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值