How to add confirmation dialog

Question

I want to add confirmation dialog befor editing a row or how to prompt user a confirmation befor any action. which dialog should I use for below code.

<h:commandLink value="EditPage" action="#{countryBean.editCountryByCountryCode(true)}"  class="edit_icon" >
             <f:setPropertyActionListener target="#{countryBean.editCountryId}" value="#{countryLang.countryCode}" />
             </h:commandLink> 

Answer 1

A simple way, using a simple javascript:

<h:commandLink onclick="if (! confirm('Really want to do that?')) return false"
value="EditPage" action="#{countryBean.editCountryByCountryCode(true)}"  class="edit_icon" >
   <f:setPropertyActionListener target="#{countryBean.editCountryId}" value="#{countryLang.countryCode}" />
</h:commandLink> 

Answer 2

You can use Primefaces Confirm dialog <p:confirm/> for this purpose. You can find example showcase here.