Format price textfield real time in javaFX

Question

I want to format the price like 100,000,000 in textfield while users are entering number in it real time. Is there any way to do that?

Answer 1

You can easily try with a decimal formatter:

DecimalFormat myFormat = new DecimalFormat("###,##0.00");
myFormat.format(yourValue);

If you want the decimal digits only if presents use the pattern "###,###.##".

EDIT

If you want to update while the user is typing, you should use the onAction methods of JavaFX.

For example you could do:

If this is your TextField (you can have it even in a controller)

<TextField fx:id="money" onKeyTyped="#updateText">
</TextField>

Controller

public class Controller {
    @FXML
    private TextField money;

    DecimalFormat myFormat = new DecimalFormat("###,##0.00");

    @FXML
    public void updateText(){
        this.money.setText(myFormat.format(Double.valueOf(money.getText())).toString());
    }
}

Hope it was what you were looking for.

Answer 2

Here is a simple solution:

       priceField.textProperty().addListener((observable, oldValue, newValue) -> {
            if (!priceField.getText().equals("")) {
                DecimalFormat formatter = new DecimalFormat("###,###,###,###");
                if (newValue.matches("\\d*")) {
                    String newValueStr = formatter.format(Long.parseLong(newValue));
                    priceField.setText(newValueStr);
                } else {
                    newValue = newValue.replaceAll(",", "");
                    String newValueStr = formatter.format(Long.parseLong(newValue));
                    priceField.setText(newValueStr);
                }
            }

        });