Question

I am working with 4-5 primefaces dialogboxes. When click ESC i want close all dialogboxes which are opened.

Answer 1

Call the dialog’s hide() function through the client side object specified with widgetVar. So if you defined your p:dialog like:

<p:dialog widgetVar="dialog1" header="Dialog 1"/>
<p:dialog widgetVar="dialog2" header="Dialog 2"/>

Your ESC button should look like:

<p:commandButton value="ESC" onclick="dialog1.hide();dialog2.hide()"/>

You can also create a reusable p:remoteCommand to close all your dialog and use that in your p:commandButton or in p:hotkey – if by “click ESCAPE” you mean hittig the Escape button:

<p:remoteCommand name="closeAll" onsuccess="dialog1.hide();dialog2.hide()"/>

then in your components refer to the closeAll() command:

<p:hotkey bind="esc" handler="closeAll()"/>
<p:commandButton value="ESC" onclick="closeAll()"/>