Kentico 8 Form Autosum Felder

Question

Ich benutze Kentico 8 in Formen gebaut.

Ich habe verschiedene Kostenfelder, die ich eine Gesamtsumme

zB erstellen summieren möchten. $$input:cateringTotalCost$$ + $$input:venueHireTotalCost$$ = grand total Feld

Was ich habe, so weit:

<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> 

mit dem $$ Eingang: totalExpenditure $$ Feld für die anderen Eingabefelder

autosummed werden Kann ich dies tun und wie kann ich tun?

Dank

Answer 1

können Sie eine Javascript verwenden, um eine AutoSum Funktionalität zu erstellen. Fügen Sie eine einzigartige Identifikator an die jede Zelle mit Eingabefeld und fügen Sie ein Skript-Tag mit JS-Code wie:

<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> 

Es wird vorausgesetzt, dass die jQuery-Bibliothek haben :-) enthalten.