如何在显示消息后隐藏<p:messages>？

Question

我正在研究Primefaces中的JSF应用程序,因为我正在向用户显示信息<p:messages>.

因此,当用户单击提交时,将处理页面并触发p:messages对话框以向用户显示信息,

我推荐了Primefaces p:messages showcase Page

它工作正常.但是在显示消息后,它不会自动关闭,我们需要手动关闭该对话框或者它仍处于打开阶段.

我需要它,如果它向用户显示消息后自动关闭...我怎么能这样做...任何人都可以建议我该怎么办？

Answer 1

<p:messages id="msgs">最终呈现为<div id="msgs">,然后用事实消息更新其内容给用户.

如果您想在延迟一段时间后清除消息屏幕,则应使用JavaScript setTimeout在完成ajax调用后函数:

<p:commandButton ... 
        oncomplete="setTimeout(function() { $('#msgs").html(''); }, 3000);" />

第二个参数 setTimeout函数是以毫秒为单位的延迟.

另一种选择是改为使用<p:growl>.