This code is the showcase of primefaces
:
<h:panelGrid columns="1" cellpadding="5">
<p:commandButton value="Basic" type="button" onclick="PF('dlg1').show();" />
<p:commandButton value="Modal" type="button" onclick="PF('dlg2').show();" />
<p:commandButton value="Effects" type="button" onclick="PF('dlg3').show();" />
</h:panelGrid>
<p:dialog header="Basic Dialog" widgetVar="dlg1" minHeight="40">
<h:outputText value="Resistance to PrimeFaces is futile!" />
</p:dialog>
<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="100">
<h:outputText value="This is a Modal Dialog." />
</p:dialog>
<p:dialog header="Effects" widgetVar="dlg3" showEffect="explode" hideEffect="bounce" height="100">
<h:outputText value="This dialog has nice effects." />
</p:dialog>
I put it to help the understanding. I would like to know how I can invoke a method if I close the dialog by 'x' in the upper right corner as it is in the image.