2016-05-30 14 views
0

私はKentico 8組み込みのフォームを使用しています。Kentico 8フォームAutosumフィールド

私は総計

などを作成するために合計するさまざまなコストフィールドを持っています。 totalExpenditure $$フィールドは、他の入力フィールドに

をautosummedされて、私はこれを行うことができますし、どのように私は:$$入力して

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

:私はこれまで持って何$$input:cateringTotalCost$$ + $$input:venueHireTotalCost$$ = grand totalフィールド

ありがとうございました

+2

実際に試しましたか?何かエラーがありましたか? –

+0

私はそれを試していませんでした。 GUIビルダーに追加する場所が見つからず、HTMLコードに追加する方法がわかりません。フォームビルダーを使用してフィールドを作成し、Dreamweaverにプラグインして、フォームのレイアウトをカスタマイズすることができました。フォームのための私のコードは次のとおり –

+0

​​ALIGN = "右"> $$入力:trafficManagementTotalCost $$ \t \t \t \t \t<スコープ= "行" スタイル目= "テキスト整列:左;" >応急 \t \t​​$$入力:firstaidDetailsは$$ \t \t​​$$入力:firstaidTotalCost $$ ​​$$入力:totalExpenditure $ $ 他の入力フィールドでは、$$ input:totalExpenditure $$フィールドが自動的に読み込まれます。 –

答えて

1

あなたは自動サイズ機能を作成するためにJavaScriptを使用できます。入力フィールドを持つ各セルに独自のidentificatorを追加等のJSコードでスクリプトタグを追加します。それはあなたがjQueryライブラリが:-)含ま前提としてい

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

を。

+0

素晴らしい!私はあなたが言っていることを見て、試してみましょう。 大変感謝しています! –

関連する問題