Question

我是meteor的新手，我的背景是拥有15年经验的JDEdwards顾问。最近对web应用程序感兴趣并使用meteor构建小应用程序。这是我的问题。

我在HTML表格中有五行数据，带有复选框，并且有金额字段。我在表格之前有一个输入文本（Invoice Total :)。我想从表格中选择复选框，它将在发票总计中显示总值。我在两个地方上课。例如，如果我选择三个记录，金额为55,10和5，则发票总数应为70.如何使用meteor客户端JS实现此目的。我可以得到一些帮助吗？

HTML

   <template name="dashboard">
     <div class="col-sm-9">
     <div class="well">
     <h4>Dashboard</h4>
    <label class="totalamt">Invoice Total:
     <input type="text" value={{invtotal}}>
     </label>
    <table class="table">
    <thead>
    <tr>
     <th></th>
    <th>Company Id</th>
    <th>Invoice Id</th>
    <th>Amount</th>
    <th>Currency</th>
     <th>Description</th>
    </tr>
    </thead>
    <tbody>
     {{#each invoiceList}}
     {{>invoiceRow}}
     {{/each}}
    </tbody>
    </table>
    </div>
  </div>
</template>
<template name="invoiceRow">
    <tr class="success">
<td><input type="checkbox" checked="{{calcamt}}" class="toggle-checked"/></td>
<td>{{division_id}}</td>
<td>{{invoice_id}}</td>
<td>{{amount}}</td>
<td>{{currency}}</td>
<td>{{description}}</td>
</tr>
</template>

**

客户端JS

**

 Router.route('/dashboard',function(){
     this.render('dashboard');
   Template.dashboard.invoiceList = function(){
     return Invoice.find();
     }
   Template.invoiceRow.events({
    'click.toggle-checked':function(evt,tmpl){

        }
   });
   Template.invoiceRow.select_invoice = function(){
     return Session.get('select_invoice')
   }
  })

谢谢，考希克·罗伊

用于选择记录和显示总数的Meteor复选框

0 个答案: