ShieldUI NumericTextBoxでヨーロッパ形式の入力を許可する

Question

デフォルトでは、ShieldNumericTextBoxではカンマを入力することはできません。また、入力した数値を自動的にアメリカ形式に変換することもできません（たとえば、10000を入力すると10,000になります）。

デフォルトの書式をヨーロッパの書式に変更したいのですが、テキストボックスの開始時に（textTemplate）オプションが見つかりましたが、入力の書式設定では機能しませんでした。番号（例：KG、EUR ...など）。

$("#numericTextBox").shieldNumericTextBox({ 
    textTemplate: "{0:##,##}", // The numbers in my case are percentages with 2 digits after decimal. 
    min: 0, 
    max: 1, 
    step: 0.01, 
    spinners: true 
}); 

このtextTemplate出力同じ文字列（ "{0：##、##}"）するユーザー仕上げタイピングとは、テキストボックスをフォーカスします。

また、入力中にフォーカスを外して終了したときにのみ、入力中に書式設定されないため、あまり役に立ちません。どんな助け？

Answer 1

ShieldUIは、文化固有の書式設定値を処理するために、Globalize JSを使用します。

あなたのケースでは、まず、文化を、ピリオドではなくカンマで数字の10進数字から区切るカルチャーに設定する必要があります。

<!-- include the globalize culture --> 
<script src="globalize.culture.de.js" type="text/javascript">//</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    // set a German Globalize culture 
    Globalize.culture("de"); 

    $("#numericTextBox").shieldNumericTextBox({ 
     textTemplate: "{0:n2}", // display as numeric having 2 decimal fields 
     min: 0, 
     max: 1, 
     step: 0.01, 
     spinners: true 
    }); 

}); 
</script> 

示すテキストを操作するさらに別の方法をするために、以下のような機能を提供することです：textTemplateはこのような2桁で数値として表示するために、あなたは形式を設定することができますtextTemplateの値：

textTemplate: function(value) { return "_custom_formatted_string_"; } 

すべてのピリオドをカンマで置き換えます。