4

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

4

2 回答 2

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();"/>
于 2013-09-06T17:50:02.257 回答
4

你可以更换

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

经过

oncomplete="dlg.hide();"
于 2013-09-06T14:46:46.937 回答