我想在单击按钮时显示进度条，并在操作完成并刷新/导航页面时将其删除。
我有一个h:panelGroup其中我想显示图像：
<h:panelGroup id="progress">
some progress bar image
</h:panelGroup>
My h:commandButton是在一个里面h:form:
<h:commandButton value="submit" action="#{bean.action}" />
该操作工作正常，但我似乎无法弄清楚如何隐藏/显示进度条图像。我缺少什么？
所以，你基本上想要显示它before网络浏览器将表单提交请求发送到服务器并等待其响应。实现这一目标的唯一方法是使用 JavaScript 操作 HTML DOM 树。您可能已经知道，JSF 只是一个 HTML 代码生成器，所有 Web 浏览器都拥有 HTML DOM 树，并且 JavaScript 在 Web 浏览器中运行，并且能够侦听您可以在 a.o. 中指定的 UI 事件。 HTML 元素的on*属性。
Given a
<img id="progressbar" src="progress.gif" style="display:none" />
您可以通过单击命令按钮来显示它，如下所示
<h:commandButton ... onclick="document.getElementById('progressbar').style.display='block'" />
页面刷新后就会出现display:none又是独自一人。
也可以看看：
- HTMLDog.com HTML 教程
- HTMLDog.com JavaScript 教程
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
