如何格式化 vaadin 文本字段以 $x,xxx 格式显示货币
How to format a vaadin text field to display currency in $x,xxx format
我想将 vaadin 文本字段与 polymer 一起使用，我希望在用户输入时将文本自动格式化为货币格式，例如 $4,500 或 $10,000。我只能得到前缀和数字，但不能得到逗号。
<vaadin-text-field prevent-invalid-input pattern="[0-9]*" style = "width: 6em"><div slot="prefix">$</div> </vaadin-text-field>。
我相信 vaadin-text-field 没有任何直接的 属性 或方法可以做到这一点。我通过为它制作一个组件包装器来解决这个问题。基本上，它会在用户键入时验证输入并在正确的位置添加逗号。它也与 . 作为输入兼容。使用 属性 comma 打开和关闭该功能。回购 link 如下。
您可以使用 NumeralFieldFormatter from the vaadin addon TextField Formatter:
new NumberFieldFormatter(",", ".", 3).extend(myNumberField);
我想将 vaadin 文本字段与 polymer 一起使用，我希望在用户输入时将文本自动格式化为货币格式，例如 $4,500 或 $10,000。我只能得到前缀和数字，但不能得到逗号。
<vaadin-text-field prevent-invalid-input pattern="[0-9]*" style = "width: 6em"><div slot="prefix">$</div> </vaadin-text-field>。
我相信 vaadin-text-field 没有任何直接的 属性 或方法可以做到这一点。我通过为它制作一个组件包装器来解决这个问题。基本上，它会在用户键入时验证输入并在正确的位置添加逗号。它也与 . 作为输入兼容。使用 属性 comma 打开和关闭该功能。回购 link 如下。
您可以使用 NumeralFieldFormatter from the vaadin addon TextField Formatter:
new NumberFieldFormatter(",", ".", 3).extend(myNumberField);