Controlling primefaces dialog from javascript

Question

I try to control primefaces display show and hide from java script on bean validation failure, but its not working. As suggested in forums have tried with widgetVar name of the component in javascript and even tried with id of the component but failed.

XHTML

<p:dialog header="Modal Dialog" id="mglasspaneid" showHeader="false" closable="true" resizable="false" draggable="false" widgetVar="mglasspane" style="height: 50px !important;" modal="true">
        <span id="loading" draggable="false" style="height: auto !important;">Loading</span>
</p:dialog>

Javascript

<script>
        function handleComplete(data) {
            if (data.status === 'success') { 

               console.log(document.getElementById('validation-failed').value);
               mglasspane.hide();

            }else{
                console.log(document.getElementById('validation-failed').value);
                mglasspane.show();
            }                
        }
</script>

@Kukeltje Primefaces 5.2,Error: ReferenceError : mglasspane is not defined — Jeevanantham, Jun 29 '15 at 07:48
possible duplicate of [Get primefaces widgetVar in javascript and update it](http://stackoverflow.com/questions/28609536/get-primefaces-widgetvar-in-javascript-and-update-it) — Kukeltje, Jun 29 '15 at 08:53

score 2 · Accepted Answer · edited May 23 '17 at 12:17

2

From PrimeFaces 5.0 you must call any component with the PF function (i.e. PF('widgtVar') instead of widgetVar which has already been deprecated in 4.0). Source here.

Replacing mglasspane.hide(); by PF('mglasspane').hide(); should work.

More information about the PF function here

edited May 23 '17 at 12:17

Community

1
1

answered Jun 29 '15 at 08:16

Mathieu Castets

5,861
3
28
37

Controlling primefaces dialog from javascript

1 Answers1

Linked