javascript - oncomplete="PF('dlg').hide();" 导致“找不到PF”错误

Question

在 PrimeFaces 网站上，他们有很多关于如何使用其组件的示例。我发现一个非常有用的功能是能够显示和隐藏 PrimeFaces 对话框。在示例中，这是这样完成的：

<p:dialog header="Enter FirstName" widgetVar="dlg" resizable="false">  
    <h:form id="form">  

        <h:panelGrid columns="2" style="margin-bottom:10px">  
            <h:outputLabel for="firstname" value="Firstname:" />  
            <p:inputText id="firstname" value="#{pprBean.firstname}" />  
        </h:panelGrid>  

        <p:commandButton id="submitButton" value="Submit" update=":display" oncomplete="PF('dlg').hide();"/>  

    </h:form>  
</p:dialog>  

<p:outputPanel id="display" style="display:block;margin-top:10px;">  
    <h:outputText id="name" value="Hello #{pprBean.firstname}" rendered="#{not empty pprBean.firstname}"/>  
</p:outputPanel>  

如果您在命令按钮中注意到，它会调用：

oncomplete="PF('dlg').hide();"

但是，当我尝试重现此示例时，我的 Firebug 调试器抱怨PF找不到。有什么我需要添加到我的 JSF 页面才能访问的内容PF吗？

Answer 1

如果您使用 Primefaces 3.5 或更早版本：

<p:commandButton id="submitButton" value="Submit" update=":display" oncomplete="dlg.hide();"/> 

对于 Primefaces 4.0：

<p:commandButton id="submitButton" value="Submit" update=":display" oncomplete="PF('dlg').hide();"/> 

Answer 2

你可以更换

oncomplete="PF('dlg').hide();"

经过

oncomplete="dlg.hide();"