jsf - 如何在JSF中的Ajax响应中隐藏rich:modalPanel

我在一个应用程序中使用jsf覆盖面。我正在使用rich：modalPanel弹出窗口以读取一些详细信息，并在服务器响应后使用a4j命令按钮提交tha面板。我想隐藏modalPanel但不知道如何，

我仍在寻找解决方案，有任何帮助请

rich modalPanel的代码是这样的。

<rich:modalPanel  id="panelID" minHeight="200" minWidth="450" height="200" width="500">
<a4j:commandButton reRender="sampleID" action="#{SomeTestAction}" image="sample-button.gif"/>
</rich:modalPanel>

最佳答案

很简单，您可以编写：

**UPDATED**

此解决方案更好，因为您不需要javaScript。

<a4j:commandButton reRender="sampleID" action="#{SomeTestAction}" image="sample-button.gif">
      <rich:componentControl for="panelId" operation="hide" event="onclick" />
 </a4j:commandButton>

或使用javaScript

<a4j:commandButton reRender="sampleID" action="#{SomeTestAction}" image="sample-button.gif" oncomplete="javascript:Richfaces.hideModalPanel('panelId');"/>

或者，您可以提交表单，弹出窗口消失。

<a4j:commandButton reRender="sampleID" action="#{SomeTestAction}" image="sample-button.gif" oncomplete="document.getElementById('Id_form').submit();"/>:

其中“ Id_form”-是显示<rich:modalPanel>的形式的ID。