extjs - Extjs 4.2: 値の制限

Question

ユーザーがテキストフィールドに整数を入力するポップアップウィンドウがあります。保存ボタンをクリックすると、データベースに保存され、グリッドに表示されます。

これが例です

滞在時間 10 5 10 など

ユーザーは複数のエントリを入力できますが、滞在時間の値を 30 までに制限したいです。滞在時間の合計が 30 を超えるとエラーになります。その値が滞在時間として設定される非表示のテキストフィールドを配置しようとしました。

迷っています。助けてください。

Answer 1

テキスト フィールドのカスタム ユーザー検証には、Ext.form.field.Text.validator構成プロパティを使用できます。

基本的には、ユーザー入力値を分割するだけで、合計値が 30 を超える場合は、エラー メッセージを返すtrueか、値が正しい場合は次のように返す必要があります。

{
    xtype: 'textfield',
    // all other configuration options
    validator: function(userInput) {

        // Make sure your user input is formatted the way you want it ...

        var values = userInput.split(" ");
        var sum = 0;

        // Loop trough values to calculate sum ...

        return (sum <= 30) ? true : 'Your error message goes here';
    }
}