table html jsreport 中两个值数据的乘法

Question

我需要在 table html jsreport

中对两个值数据进行乘法运算

qty * valor --> 在 table 内逐行计算一切正常，只是需要计算

<div class="items">
  <!-- DIV DA TABELA DE ITEMS -->
  <div></div>
  <table class="table-items">
    <thead>
      <tr class="tr-items">
        {{props items}} {{if key
        <=0 }} {{props prop}} <th class="th-items">{{>key}}</th>
          {{/props}} {{/if}} {{/props}}
          <th class="th-items">Total</th>
      </tr>
    </thead>
    <tbody>
      {{for items}}
      <tr class="tr-items">
        <td class="td-items">
          {{>date}}
        </td>
        <td class="td-items">
          {{>qty}}
        </td>
        <td class="td-items">
          {{>item}}
        </td>
        <td class="td-items">
          {{>valor}}
        </td>
        <!-- <td> {{total items}}{{/total}}</td> -->
        <td class="td-items">
          {{>qty}} * {{>valor}} €
        </td>
      </tr>
      {{/for}}
    </tbody>
  </table>
</div>

Answer 1

要在 jsrender 中执行计算，请用括号将计算括起来：

<td class="td-items">
  {{>(qty * valor)}} €
</td>

突发新闻

事实证明，"valor" 属性是一个形式为“50.00 EUR”的字符串，因此需要提取字符串的数字部分。这个修改后的表格可以解决问题：

{{>(qty * valor.split(' ')[0])}}

事实证明括号是可选的，所以这也有效：

{{> qty * valor.split(' ')[0]}}

Answer 2

我把 [valor] 作为一个字符串，但在 table 中使用了 [EUR, ]，把这个代码：

<td class="td-items">
   {{>(+valor).toFixed(2)}} EUR
</td>
<td class="td-items">
    {{>(qty * +valor).toFixed(2)}} EUR
</td>

--------------------
MY data:

    "items": [
      { 
        "date": "04/05/2020",
        "qty": 4,
        "item": "Website design",
        "valor": "50.00"
      }

Answer 3

可以在数据{{total}}中保存“{{>(qty * +unit_price).toFixed(2)}}”，因为我需要搜索{{total}}值另一个 table

table html jsreport 中两个值数据的乘法

multiplication of two values data inside table html jsreport

html

javascript

jsrender

jsreport