sencha-touch-2 - sencha touch 2.0 数値フィールドのフォーマットは iOS のみ

Question

数値フィールドに大きな数値を入力してぼかすと、IOS でのみ数値の間にコマが追加されます。この機能を削除したいと思います。私は何をすべきか？

Answer 1

私はこの問題に対処しました。残念ながら、numberfieldにはデフォルトでコンマを配置することを提案するHTML5仕様があります。私が見つけたiOSではこれを回避する方法はありません。

私の解決策は、「textfield」コンポーネントを使用し、正規表現「onblur」ですべての非数値文字を取り除くことでした。

または、必要なのが基数だけの場合は、常に「テキストフィールド」を使用し、そのタイプを「tel」に設定して、携帯電話の電話のキーパッドを使用できます。

お役に立てれば。

コード例：

数字以外のすべての文字を削除するTexfieldコンポーネント。これはビュー内にあります。'control' configオブジェクトを使用して、コントローラー内でもブラーをリッスンすることもできます。

{
    xtype: 'textfield',
    ui: 'plain',
    listeners: {
        //  listen for blur event
        blur: function(field){
            var val = field.getValue(); // store a ref to our field's value
            val = val.replace(/[^\d]*/g, ""); // strip non-digit characters
            field.setValue(val); // update our field value
        }
    }
}

タイプをtelに設定する例を次に示します。

{
    xtype     : 'textfield',
    label     : 'Phone Number',
    component : {
        type : 'tel'
    }
}