AG-GRID 值格式化程序不适用于动态生成的货币

Question

我正在尝试在 AG-GRID 表中使用值格式化程序来显示货币信息。

当我在格式化程序中有一个硬编码值（在本例中为“欧元”的 unicode）时，这非常有效

currencyFormatter(params) {
  return '\u20ac' + params.value;
}

但是，我事先不知道需要用什么货币来格式化数据，因为它是动态生成的。如果我尝试使用我的组件中可用的值（如下所示），它不喜欢它！

currencyFormatter(params) {
  return this.currencyUnicode + params.value;
}

它在控制台中抛出的是：

TypeError: Cannot read property 'defaultCurrency' of undefined

似乎所有“this”组件变量在currencyFormatter 中都不可用。有办法让这项工作发挥作用吗？

Answer 1

为了访问组件变量，您必须将组件上下文绑定 到valueFormatter

...
name : 'Currency',
field : 'currency',
valueFormatter: this.currencyFormatter.bind(this) //bind your component's context here
...

currencyFormatter(params) {
  return this.currencyUnicode + params.value;
}

这是一个常见的 JavaScript 问题。这是一篇很好的读物

另外，这个答案描述了您可以参考的两种方式this。