Jsf 在提交时不使用ajax显示加载gif的动画进度

我希望在单击按钮时显示进度条，并在操作完成并刷新/导航页面时将其删除

我有一个

h:panelGroup

，我想在其中显示图像：

<h:panelGroup id="progress">
    some progress bar image
</h:panelGroup>

---

该操作运行良好，但我似乎不知道如何隐藏/显示进度条图像。我错过了什么

因此，您基本上希望在webbrowser向服务器发送表单提交请求并等待其响应之前显示它。实现这一点的唯一方法是使用JavaScript操纵HTMLDOM树。您可能已经知道，JSF只是一个HTML代码生成器，所有webbrowser都拥有HTML DOM树，JavaScript在webbrowser中运行，能够监听用户界面事件，您可以在a.o.HTML元素的

on*

属性中指定这些事件

给予

<img id="progressbar" src="progress.gif" style="display:none" />

您可以单击命令按钮显示它，如下所示

<h:commandButton ... onclick="document.getElementById('progressbar').style.display='block'" />

一旦页面刷新，它将再次自动显示

display:none

另见：

<h:commandButton ... onclick="document.getElementById('progressbar').style.display='block'" />