如何在<p:messages>显示消息后隐藏它？
如何在<p:messages>显示消息后隐藏它？
提问于 2013-10-09 12:15:15
我正在使用primefaces开发JSF应用程序，因为我通过<p:messages>向用户展示了一个信息。
因此，当用户单击submit时，页面将被处理，p:messages对话框将被触发以将信息显示给用户，
我提到了Primefaces P:信息展示页面
它在显示消息后运行fine..But，它不会自动关闭，或者我们需要手动关闭该对话框，或者它仍然处于开放阶段。
我需要它在它向用户显示消息后自动关闭.我该怎么做呢，...Can，有人建议我怎么做？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-10-09 13:25:48
<p:messages id="msgs">最终被呈现为<div id="msgs">，其内容随后用实际消息更新给用户。
如果您想在一些延迟之后清除消息屏幕，那么在ajax调用完成之后，您应该使用JavaScript setTimeout函数：
<p:commandButton ...
oncomplete="setTimeout(function() { $('#msgs").html(''); }, 3000);" />setTimeout函数的第二个参数是延迟(毫秒)。
另一种选择是使用。
Stack Overflow用户
发布于 2014-04-28 11:40:35
我为<p:fileUpload>工作，该公司在<p:dataList>和<h:panelGrid>元素中工作。
<p:fileUpload...
oncomplete="setTimeout(function() { $('[id$=mr-upload-messages]').hide(1000); }, 2000);">
...
<p:messages id="mr-upload-messages" showDetail="true" showSummary="false" closable="true"/>我使用jQuery $('[id$=mr-upload-messages]'查找以mr-upload-messages结尾的id，因为Primefaces在id的开头添加了它的唯一标识符。
Stack Overflow用户
发布于 2014-01-25 17:07:57
$('#msgs').html('');将在3秒内立即隐藏，但是如果您想像jquery方法那样慢慢隐藏，则可以这样做。
<p:commandButton ...
oncomplete="setTimeout(function() { $('#msgs').hide(1000); }, 3000);" />hide(1000);隐藏运动将在1秒内完成。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19271737
复制相关文章
相似问题
腾讯云开发者
