在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
吗?
答案 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();"