Kentico 8 Form Autosum字段

时间:2016-05-30 02:00:30

标签: forms kentico

我正在使用Kentico 8内置表格。

我有各种成本字段,我想总结以创建一个总计

例如。 $$input:cateringTotalCost$$ + $$input:venueHireTotalCost$$ = grand total字段

到目前为止我所拥有的:

<td> align="right">$$input:trafficManagementTotalCost$$</td>
</tr>
<tr>
    <th scope="row" style="text-align: left;">First aid</th>
    <td> $$input:firstaidDetails$$</td>
    <td> $$input:firstaidTotalCost$$</td>
    <td>$$input:totalExpenditure$$</td> 

使用$$输入:totalExpenditure $$字段为其他输入字段自动加载

我可以这样做吗?我是怎么做的?

由于

1 个答案:

答案 0 :(得分:1)

您可以使用javascript创建自动功能。使用输入字段为每个单元格添加唯一标识符,并使用JS代码附加脚本标记,如:

<table>
...
<tr>
    <td id="cateringCell">$$input:cateringTotalCost$$</td>
    <td id="venueHireCell">$$input:venueHireTotalCost$$</td>
    <td id="totalCell">$$input:grandTotal$$</td>
</tr>
...
</table>

<script type="text/javascript">
$(document).ready(function() {
   var cateringInp = $('#cateringCell').find('input');
   var venueHireInp = $('#venueHireCell').find('input');
   var totalInp = $('#totalCell').find('input');

   var autoSumFunc = function() {
       //Plus add a code to test null/empty values
       totalInp.val(cateringInp.val() + venueHireInp.val());           
   };

   cateringInp.change(autoSumFunc);
   venueHireInp.change(autoSumFunc);

   autoSumFunc();
});
</script>

它假设您包含了jQuery库:-)。