如何在Vaadin文本/数字字段中以货币格式显示数字？

你的代码未生效的可能原因 #

• 库版本不兼容：确认textfieldformatter库与你使用的Vaadin版本匹配（比如Vaadin 23+需要对应适配版本的库）。
• 组件类型冲突：如果使用的是NumberField而非普通TextField，组件自身的格式化逻辑会覆盖第三方格式化器的效果。
• 缺少实时格式化配置：部分版本的该库需要显式开启输入时的动态格式化，可尝试添加.formatOnInput(true)到构建器中：

  NumeralFieldFormatter currencyOne = new NumeralFieldFormatter.Builder()
          .decimalMark(",")
          .decimalScale(2)
          .delimiter(".")
          .thousandsGroupStyle(NumeralFieldFormatter.ThousandsGroupStyle.THOUSAND)
          .formatOnInput(true) // 新增此配置
          .build();
  currencyOne.extend(textfield);
  

Vaadin内置的货币格式化方案 #

Vaadin提供了原生组件和API实现货币格式化，无需依赖第三方库：

1. 使用CurrencyField（推荐） #

这是Vaadin专门为货币输入设计的内置组件，支持本地化格式：

// 创建欧元货币输入框，适配西班牙格式（1.444.444,90）
CurrencyField<BigDecimal> currencyField = new CurrencyField<>();
// 设置Locale为西班牙，自动匹配千分位用点、小数用逗号的格式
currencyField.setLocale(new Locale("es", "ES"));
currencyField.setCurrency("EUR"); // 指定货币类型
currencyField.setMaxDecimals(2); // 固定两位小数

2. 自定义NumberField格式化 #

如果需要更灵活的配置，可基于NumberField自定义格式化规则：

NumberField numberField = new NumberField();
Locale esLocale = new Locale("es", "ES");
DecimalFormat decimalFormat = (DecimalFormat) NumberFormat.getNumberInstance(esLocale);
// 应用匹配需求的格式模式
decimalFormat.applyPattern("#.##0,00");
decimalFormat.setDecimalSeparator(',');
decimalFormat.setGroupingSeparator('.');
numberField.setNumberFormat(decimalFormat);

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