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

时间:2015-10-04 03:03:06

标签: javascript extjs

我正在使用extjs-6开发应用程序。我有一个numberfield如下:

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

用户必须输入的数字是20000000这样的大数字。我希望这个数字显示为20,000,000我该怎么做

2 个答案:

答案 0 :(得分:1)

您也可以使用内置的Ext Format方法。

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

答案 1 :(得分:0)

使用听众。更改值时,请对其进行格式化。

Ext.field.Number-event-change

现在格式化它:

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