如何给number控件显示的值自定义格式

2021-05-28 09:29

题主

jingg
用户名称：	bary4u
加入日期：	2021-03-03 15:48
登录次数：	59

在表单填写中，用number控件直接显示数字，如何显示自定义的格式？比如：值为123，但显示为123.00元。

2021-05-31 09:17

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	2117

设置format属性可以格式化

2021-05-31 11:18

ly-ayang
用户名称：	ly-ayang
加入日期：	2019-12-12 16:07
登录次数：	149

当时也遇到了这个问题

分享下吧或许有更好的放

1：可以添加精度补齐属性 decimalAutoType

2：修改源码 valueToRaw 方法

  valueToRaw: function(value) {
    var me = this,
      decimalSeparator = me.decimalSeparator;

    //add by ly-ayang 增加自动补位方法
    if (this.decimalAutoType) { /*自动补位*/
      var a = me.decimalSeparator;
      value = me.parseValue(value);
      value = me.fixPrecision(value);
      value = Ext.isNumber(value) ? value : String(value).replace(a, ".");
      //c = isNaN(c) ? "" : (String(c).replace(".", a);
      value = isNaN(value) ? "" : value.toFixed(this.decimalPrecision, this.decimalAutoType);
      if (value == 0 || parseFloat(value) == 0) {
        return 0;
      }
      return value
    } else { /*不自动补位*/
      value = me.parseValue(value);
      value = me.fixPrecision(value);
      value = Ext.isNumber(value) ? value : parseFloat(String(value).replace(decimalSeparator, '.'));
      value = isNaN(value) ? '' : String(value).replace('.', decimalSeparator);
      return value;
    }

    //原有方法
    //         value = me.parseValue(value);
    //         value = me.fixPrecision(value);
    //         value = Ext.isNumber(value) ? value : parseFloat(String(value).replace(decimalSeparator, '.'));
    //         value = isNaN(value) ? '' : String(value).replace('.', decimalSeparator);
    //         return value;
  }

2021-06-08 09:16

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	2117

@ly-ayang 分享的不错

返回开发者社区