How to make confirmation dialog for onclick="PF('dialogWidget').hide();

Question

I can make a p:confirm for a button that has an action, but when it's an onclick instead of an action-attribute, then clicking "Yes" in the dialog does nothing. Any tips how to make this work?

This works:

            <p:commandButton action="#{customEditorBean.save}"
                value="Save" rendered="#{customEditorBean.canSaveContent}">
                <p:confirm message="Are you sure you want to save the content?" icon="ui-icon-alert" />
            </p:commandButton>

This doesn't work:

        <p:commandButton value="Close" onclick="PF('editorWidget').hide();">
            <p:confirm message="Do you want to close the editor without saving?" icon="ui-icon-alert" />
        </p:commandButton>

FYI When this `` will open ? When you click on the button which you mentioned in your question or with some other button ? — Subodh Joshi, Jun 08 '16 at 11:36
@JaqenH'ghar, tried it too. it just remains to wait the complete and I get infinite loading icon on screen. — Steve Waters, Jun 08 '16 at 11:42
@SubodhJoshi, yes, it opens when clicking the button between the tags of which the is located on the code. — Steve Waters, Jun 08 '16 at 11:42
Better you use your confirm dialog outside the button it and then in your dialog you can use button to close it — Subodh Joshi, Jun 08 '16 at 11:46
What you are doing works fine for me on PF5.3 with both onclick and oncomplete. Using the confirmDialog from the showcase — Jaqen H'ghar, Jun 08 '16 at 16:53

score 1 · Accepted Answer · answered Jun 08 '16 at 12:20

1

See something like this will work for you

<p:confirmDialog message="Are you sure about deleting this record?" 
                 widgetVar="deleteConfirm">
    <p:commandButton title="GDelYesButton" 
                     value="Yes" 
                     action="#{yourBean.delete}" 
                     oncomplete="PF('deleteConfirm').hide()" 
                     update=":growl"/>
    <p:commandButton title="GDelNoButton" 
                     value="No" 
                     oncomplete="PF('deleteConfirm').hide()"/>
</p:confirmDialog>

It should work we are using same thing in our application as well.

answered Jun 08 '16 at 12:20

Subodh Joshi

12,717
29
108
202

I'll try it later today. Thanks. – Steve Waters Jun 09 '16 at 06:36
It does work! would it be possible to hide the parent dialog too after clicking "yes"? :) Maybe this should be a separate question, but just wondering. Because my confirm dialog is appearing when clicking "Save" in a dialog window. Would be handy to close both the confirmDialog AND the dialog where the save-button is, at the same time. Cheers anyway! Marked your answer correct. – Steve Waters Jun 09 '16 at 11:34
1

Please check this http://stackoverflow.com/questions/18036122/primefaces-dialog-refer-to-parent something like this will help to close parent dialog as well. – Subodh Joshi Jun 10 '16 at 05:13

score 0 · Answer 2 · answered Jun 10 '16 at 13:47

I use something similar for dialogue to remove an object, maybe you can interest this code

<h:form id="frmEliminar">
        <p:dialog header="Eliminar Caja #{cajaBean.caja.descripcion}" widgetVar="dlgEliminar" modal="true">                
            <h:outputText value="¿Desea eliminar?" />
            <p:commandButton value="Si" actionListener="#{cajaBean.eliminar()}" ajax="false" icon="b-ok" />
            <p:commandButton value="No" onclick="dlgEliminar.hide();" icon="b-cancel" />
        </p:dialog>
    </h:form>

How to make confirmation dialog for onclick="PF('dialogWidget').hide();

2 Answers2