How to update a p:slider from the p:inputNumber it is for?

Question

We would like to use Primefaces' slider.

We want to use comma (",") decimal separator instead of dot (".")

As suggested in other posts on stackoverflow we replaced the InputText with InputNumber.

We noticed that writing manually the number inside the input, the slider does not set automatically (with InputText, it does).

We noticed that in the showcase https://www.primefaces.org/showcase/ui/input/slider.xhtml the third example uses InputNumber and has the same problem.

Anyone knows some workaround? (Even on client side...)

user_502366 · Answer

Thank you for reporting. I have created this issue and PR:

Issue: https://github.com/primefaces/primefaces/issues/6397

PR: https://github.com/primefaces/primefaces/pull/6398

if you need this fix right now just add this JS to your code:

PrimeFaces.widget.InputNumber.prototype.setValueToHiddenInput = function(value) {
    this.hiddenInput.val(value);
    this.hiddenInput.trigger('change');
};

How to update a p:slider from the p:inputNumber it is for?

1 Answers