Display amount in format $###,###,###.## using f:convertNumber

Question

I would like to display the amount in $12,050,999.00 format.

I tried as follows:

<h:outputText value="#{sampleBean.Amount}">
    <f:convertNumber pattern="###,###" currencySymbol="$" type="currency"/>
</h:outputText>

However, it didn't display the amount in the desired format. I got 12,050,999 instead.

The desired format is shown in the below image:

enter image description here

How can I achieve this?

`pattern` overrides `type`. And guess what, your `pattern` is wrong. Just get rid of it. — BalusC, Nov 21 '13 at 13:47
As said, just get rid of it. `pattern` and `type` are mutually exclusive. When both are specified, `pattern` overrides `type`. Your desired currency pattern is already implicitly set by `type="currency"`. — BalusC, Nov 21 '13 at 13:54
Apparently your locale is not US. Set it as `locale="en_US"` in either `` or ``. — BalusC, Nov 21 '13 at 16:02

score 28 · Accepted Answer · edited May 23 '17 at 12:10

Your pattern is wrong for a currency. You should be using pattern="¤#,##0.00".

<f:convertNumber pattern="¤#,##0.00" currencySymbol="$" />

However, there's more at matter: in your original code you also specified the type attribute, which is correct, but this is mutually exclusive with the pattern attribute whereby the pattern attribute gets precedence.

You should actually be omitting the pattern attribute and stick to the type attribute.

<f:convertNumber type="currency" currencySymbol="$" />

Note that this uses the locale as available by UIViewRoot#getLocale() which is expected to be an English/US based locale in order to get the right final format for the USD currency. You'd like to explicitly specify it in either the <f:view>:

<f:view locale="en_US">

or in the locale attribute of the <f:convertNumber>:

<f:convertNumber type="currency" currencySymbol="$" locale="en_US" />

Display amount in format $###,###,###.## using f:convertNumber

1 Answers1

See also: