从 javascript 控制 primefaces 对话框答案

【问题标题】：Controlling primefaces dialog from javascript从 javascript 控制 primefaces 对话框
【发布时间】：2015-09-15 11:47:15
【问题描述】：

我尝试在 bean 验证失败时控制 primefaces 显示和隐藏 java 脚本，但它不起作用。正如论坛中所建议的那样在javascript中使用组件的widgetVar名称，甚至尝试使用组件的id但失败。

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>

【问题讨论】：

任何 javascript 错误？什么PF版本？
@Kukeltje Primefaces 5.2，错误：ReferenceError：mglasspane 未定义
Get primefaces widgetVar in javascript and update it的可能重复

标签： javascript jsf jsf-2 primefaces

【解决方案1】：

从 PrimeFaces 5.0 开始，您必须使用 PF 函数调用任何组件（即 PF('widgtVar') 而不是在 4.0 中已弃用的 widgetVar）。来源here。

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

更多关于PF函数here的信息

【讨论】：