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
– Jeevanantham, Commented Jun 29, 2015 at 7:48
possible duplicate of Get primefaces widgetVar in javascript and update it — Kukeltje
– Kukeltje, Commented Jun 29, 2015 at 8:53

Community · Accepted Answer · 2017-05-23 12:17:11Z

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, 2017 at 12:17

CommunityBot

11 silver badge

answered Jun 29, 2015 at 8:16

Mathieu Castets

6,0283 gold badges30 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Controlling primefaces dialog from javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related