Javascript oncomplete="；PF（'；dlg'；）.hide（）&引用；原因“；“找不到PF”；错误

在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>  

然而，当我试图重现这个例子时，我的Firebug调试器抱怨说找不到

PF

。有什么东西需要添加到我的JSF页面才能访问

PF

？

您可以替换吗

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

借

---

如果使用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();"/> 

提供完整的xhtml代码。我想说一下原因会很有趣。

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

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