如何在Extjs number字段中显示数字2000000为2,000,000

Question

我正在用extjs-6开发一个应用程序。我有一个numberfield如下所示：

{
      xtype: 'numberfield',
      name: 'rent',
      minWidth: 150,
      allowBlank: true,
    keyNavEnabled: true,
    mouseWheelEnabled: true,
    hideTrigger: true,
}

用户必须输入的数字是一个大数字，如20000000。我想看像20,000,000这样的数字节目。我怎么做

Answer 1

还可以使用内置的Ext格式方法。

{
    xtype : 'textfield',
    listeners : {
        blur : function(t) {
            var val = t.getValue();
            val = val.replace(/,/g, '');
            t.setValue(Ext.util.Format.number(val, '0,000'));
     }
 }

Answer 2

用听者。当值被更改时，您可以格式化它。

Ext.field.Number-event-change

现在将其格式化：

newValue = "12345678";
newValue.replace(/(\d)(?=(\d{3})+$)/g, '$1,');
// 12,345,678