从JavaScript控制Primefaces对话框 [英] Controlling primefaces dialog from javascript

问题描述

在bean验证失败时，我尝试控制从Java脚本显示和隐藏质数显示，但是它不起作用.正如在论坛上建议的尝试 带有widgetVar的javascript中组件的名称，甚至尝试使用该组件的id都失败了.

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>

推荐答案

在PrimeFaces 5.0中，您必须使用PF函数(即PF('widgtVar')而不是已经在4.0中弃用的widgetVar)调用任何组件.来源此处.

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.

用PF('mglasspane').hide();替换mglasspane.hide();应该可以.

有关PF函数的更多信息此处

这篇关于从JavaScript控制Primefaces对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！