的onComplete = “PF( 'DLG')隐藏();”。导致“PF无法找到”错误

时间:2013-09-06 14:28:37

标签: javascript jsf primefaces

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

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:4)

您可以替换

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

通过

oncomplete="dlg.hide();"