Showing and clearing global error messages using javascript

[primefacesuser222]

Hi Team

From javascript, I would like to know what the right way is to show messages. So far I've found this:

PF('globalMessages').appendMessage({"summary":"summary goes here",
"detail":"detail goes here",
"severity":"error"})

<p:messages id="myMsg" widgetVar="globalMessages"></p:messages>

The only problem is that every time and call appendMessage it adds a item in the page.

Is there any way to clear the messages? like PF('globalMessages').clearMessages();

Note: I would like to do this using only javascript, In the client side, our page is calling an external rest API which does not trigger any backend request to our server.

[tandraschko]

you have to remove those HTML nodes via jquery currently, as there is no util function.

I created a feature request: https://github.com/primefaces/primefaces/issues/10398

[Melloware]

here is a MonkeyPatch you can use right now.

Code: Select all

if (PrimeFaces.widget.Messages) {
    PrimeFaces.widget.Messages.prototype.clearMessages = function() {
        this.jq.children().remove();
    }
}