SAPUI5：如何格式化计算表格字段的小数？

给你三种可行的解决思路，按需选择：

方法一：直接在计算表达式中用toFixed(2) #

这是最快捷的方式，直接在XML的计算绑定里对结果调用toFixed(2)方法，强制保留两位小数：

<m:ObjectNumber
  id="gaaCalc"
  number="{= (( ${goalieData>shotsAgainst} - ${goalieData>saves} ) / ${goalieData>minutes} * 60).toFixed(2) }"
  emphasized="false"/>

注意：如果minutes可能为0，要额外处理避免出现异常值，比如加个判断：

number="{= ${goalieData>minutes} === 0 ? '0.00' : (( ${goalieData>shotsAgainst} - ${goalieData>saves} ) / ${goalieData>minutes} * 60).toFixed(2) }"

方法二：使用控制器中的自定义格式化函数 #

如果需要复用格式化逻辑，或者要更精细控制格式（比如千分位、符号等），可以在控制器里定义格式化函数，再在XML中引用：

步骤1：在控制器中注册格式化函数 #

sap.ui.define([
  "sap/ui/core/mvc/Controller",
  "sap/ui/core/format/NumberFormat"
], function(Controller, NumberFormat) {
  "use strict";

  return Controller.extend("你的控制器路径", {
    formatter: {
      toTwoDecimals: function(num) {
        // 创建保留两位小数的格式化实例
        const numberFormatter = NumberFormat.getFloatInstance({
          maxFractionDigits: 2,
          minFractionDigits: 2
        });
        return numberFormatter.format(num);
      }
    },

    onGoaliePress: function() {
      // 你的点击事件逻辑
    }
  });
});

步骤2：在XML中调用格式化函数 #

<m:ObjectNumber
  id="gaaCalc"
  number="{= ${formatter>toTwoDecimals}( (${goalieData>shotsAgainst} - ${goalieData>saves}) / ${goalieData>minutes} * 60 ) }"
  emphasized="false"/>

方法三：将计算与格式化逻辑整合到控制器的格式化函数中 #

如果想把计算逻辑也从XML移到控制器，让视图更简洁，可以这么做：

步骤1：在控制器中编写整合逻辑的函数 #

sap.ui.define([
  "sap/ui/core/mvc/Controller",
  "sap/ui/core/format/NumberFormat"
], function(Controller, NumberFormat) {
  "use strict";

  return Controller.extend("你的控制器路径", {
    formatGAA: function(goalieData) {
      const { shotsAgainst, saves, minutes } = goalieData;
      if (minutes === 0) return "0.00";
      const gaaValue = (shotsAgainst - saves) / minutes * 60;
      const numberFormatter = NumberFormat.getFloatInstance({
        maxFractionDigits: 2,
        minFractionDigits: 2
      });
      return numberFormatter.format(gaaValue);
    },

    onGoaliePress: function() {
      // 你的点击事件逻辑
    }
  });
});

步骤2：在XML中绑定到该函数 #

<m:ObjectNumber
  id="gaaCalc"
  number="{
    path: 'goalieData>',
    formatter: '.formatGAA'
  }"
  emphasized="false"/>

内容的提问来源于stack exchange，提问作者MikeySAP