车把动态字段名称

Question

我正在使用 Meteor 应用程序中的 Handlebars 并希望执行以下操作：

我有一个包含定期付款数据的数据库。这是我用于显示下一个付款详细信息的标记：

{{#each Customers}}
    <tr>
        <td id="{{nextpayment}}">{{nextpayment}}</td>
        <td>{{name}}</td>
        <td>{{subscription_amount}}</td>
        <td><input type="checkbox" class="payment-received" data-id="{{_id}}"></td>
    </tr>
{{/each}}

这将生成以下示例：

<tr>
    <td id="3-11-2013">3-11-2013</td>
    <td>John Smith</td>
    <td>$55</td>
    <td><input type="checkbox" class="payment-received" data-id="yZxkFPgeCzpBK6LKJ"></td>
</tr>

我希望能够通过复选框跟踪是否已收到付款。我通过创建一个字段名称为相应日期和一个简单布尔值的数据库条目来实现这一点。 （例如 2013 年 3 月 11 日：假）。所以我需要能够为与当前nextpayment 值对应的字段名称 插入值。

例如，在这种情况下，我想获取3-11-2013 的数据库条目并插入真/假（或其他）的值，以便我可以使用它。

我的问题是：有什么方法可以将其用于车把模板？

Answer 1

如果复选框是供用户检查的，那么您可能有另一个名为check_payment 的字段，可按如下方式使用：

<input type="checkbox" name="check_payment" class="payment-received" data-id="{{_id}}" checked="
{{#if author}}    
  checked
{{/if}}
">

另一种方法：

由于我不了解您的应用程序的完整数据结构或平台，因此我将做出一些假设并因此编写伪代码。

核心点是在什么时候将一条记录插入到数据库中，对应一个客户和一个日期。客户付款后，客户或应用程序将自行勾选复选框（true 值），否则默认值为 false。

1) 服务器端操作：

Handlebars.registerHelper('check_present', function(obj,list, options) {
    for(var i=0,j=list.length; i<j; i++) {
        if(obj==list[i])return true;
    }
    return false;
});


{{#each Customers}}
    <tr>
        <td id="{{nextpayment}}">{{nextpayment}}</td>
        <td>{{name}}</td>
        <td>{{subscription_amount}}</td>


        <td>
            <input type="checkbox" class="payment-received" data-id="{{_id}}" 

            {{if check_present(_id,customer_list) }}  //User-defined Handlebar function
                checked="checked"
            {{/if}}></td>
    </tr>
{{/each}}

2) 客户端操作：使用JS库实现Underscore.js、Prototype.js、Backbone.js等实用功能

使用 underscore.js 和 jQuery，

$('.payment_received').each(function(){
    if(_.contains(customer_list, $(this).attr('data-id'))){
        $(this).attr("checked","checked");
    }else{
        $(this).removeAttr("checked");
    }
})

3) 数据库级操作：在数据库级执行操作，获取谁已付款和谁未付款以及完整的客户列表。然后在它们之间做交叉操作。您现在可以直接使用车把了。