PrimeFaces IdleMonitor触发Growl添加可点击链接问题求助

Got it, let's tackle this problem you're having with PrimeFaces Growl and clickable links in your IdleMonitor timeout message. Here are two solid approaches that should work for your setup:

方案1：让Growl直接渲染HTML链接 #

PrimeFaces的Growl组件默认会转义HTML内容，这就是为什么你的链接没法变成可点击状态的原因。首先，你需要在页面的<p:growl>标签里关闭转义：

<p:growl id="growl" escape="false" />

然后在你的Bean方法里，直接构造包含HTML链接的消息（重要提醒：如果消息内容包含用户输入，一定要先做XSS过滤，避免安全风险）：

public void onIdle() {
    String clickableLink = "<a href=\"http://abcd.efg.com\" target=\"_blank\">点击跳转至目标页面</a>";
    FacesContext.getCurrentInstance().addMessage(null, 
        new FacesMessage(FacesMessage.SEVERITY_WARN, "会话即将超时", 
            "请点击下方链接保持会话：" + clickableLink));
}

这样设置后，Growl消息里的链接就会正常渲染并支持点击了。

方案2：用客户端脚本绑定点击事件（更安全） #

如果你不想在消息里嵌入HTML（比如出于安全或代码整洁性考虑），可以用jQuery给Growl消息绑定点击事件，实现点击跳转的效果。

首先，保持Bean里的消息为纯文本：

public void onIdle() {
    FacesContext.getCurrentInstance().addMessage(null, 
        new FacesMessage(FacesMessage.SEVERITY_WARN, "会话即将超时", 
            "点击此消息跳转至目标页面"));
}

然后在页面中添加这段脚本（PrimeFaces默认会引入jQuery，所以不需要额外加载）：

$(document).on('click', '.ui-growl-item', function() {
    window.open('http://abcd.efg.com', '_blank');
});

注意：如果你用的是PrimeFaces 10及以上版本，Growl消息的CSS类名可能变成了.ui-growl-message，可以通过浏览器开发者工具查看DOM结构确认正确的选择器。

额外提示 #

• 方案1的escape="false"会关闭HTML转义，绝对不要用在不可信的内容上（比如用户输入的文本），必须先做XSS清理才能使用。
• 两种方案都能和IdleMonitor组件完美配合，因为它们都是针对超时触发的Growl消息做处理。

内容的提问来源于stack exchange，提问作者xlamn