上下文

在模板中，你可以使用一个名叫$context 的特殊变量，这与提案后面要描述的rendering和rendered回调是同一个对象。$context具有以下属性：

你对$context 变量的修改在模板中将保持一致。例如，你可以在render()函数中给$context 变量添加计算字段。

function rendering(context) {
  context.tax = context.dataItem.price * 0.23;
}

你可以在模板中使用tax计算字段，保持模板简单，避免需要调试的内嵌表达式。

<script type="text/html" id="tmp1">
  The product with tax costs {%= $context.tax %}
</script>

你可以使用$context.options变量指向任何需要传递给render()和append()函数的选项。下面的示例演示了如何根据传递给append()函数的showSalePrice 参数值来显示正常价格或零售价格。

<script type="text/javascript">
    jQuery(function() {
        var products = [
            { name: "Product 1", price: 12.99, salePrice: 10.99 },
            { name: "Product 2", price: 9.99, salePrice: 7.99 },
            { name: "Product 3", price: 35.59, salePrice: 33.59 }
        ];
        $("ul").append("#template", products, { showSalePrice: true });    
    });
</script>
<script id="template" type="text/html">
 <li>
     {%= name %} - 
     {%= $context.options.showSalePrice ? salePrice : price %}
 </li>
</script>
<ul></ul>

注意如何在模板中根据$ context.options.showSalePrice属性来显示正常价格或零售价格。

出处：Denis'Blog
责任编辑：moby

上一页 jQuery模板提案 [7] 下一页 jQuery模板提案 [9]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。