Как отображать запятую или тысячуSeparator в extjs NumberFiled в современном?

Question

я действительно решить эту проблему, получите много вопроса, я хочу, чтобы создать мобильное приложение так, нужно Diplay номера клавиатуры: 0-9, хотят разрешить (,) в поле ввода

{ 

    xtype: 'numberfield', 
    name:'appliedAmount', 
    readOnly: false, 
    itemId: 'payment1', 
    cls : 'txtAlignRight', 
    flex : 4, 
    value: '0', 
    anchor: '100%', 
    useThousandSeparator: true, 
    thousandSeparator:',', 
    maxLength : 15, 
    autoComplete: false, 
    autoCorrect: false, 
    clearIcon: false, 
    originalValue: true, 
    required: true, 
    listeners:{ 
     focus:function(obj,nf,evt){ 
     App.security.GlobalFunc.spliteNum(obj); 
     }, 
    }, 

    spliteNum: function(obj){ 

      var num = obj.getValue(); 
      num.toString().replace(/\B(?=(\w{3})+(?!\d))/g, ","); 
      console.info('num',num) 

Answer 1

Вы можете переопределить numberfield так:

Ext.define('Ext.override.field.Number', { 
     override: 'Ext.field.Number', 

     initialize: function(){ 
      this.callParent(arguments); 
      this.element.down("input").on('keydown', this.filterChars, this); 
     }, 

     /** 
     * prevent undefined characters for decimals 
     */ 
     filterChars: function(e){ 
      var keyCode = e.event.keyCode; 
      var specialChars = [13,8,46,37,38,39,40,191]; // enter, backspace, delete, up, down, left, right, comma 

      if(!((keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) || (specialChars.indexOf(keyCode) != -1))){ 
       e.stopEvent(); 
       return false; 
      } 
     } 
    }); 

Таким образом, поле будет фильтровать все символы, кроме (0-9,).