You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Primefaces 6.2 NotificationBar 默认关闭图标无法显示问题咨询

PrimeFaces 6.2 notificationBar关闭图标显示问题说明

PrimeFaces 6.2版本的notificationBar组件没有默认内置关闭图标,该默认配置是7.0及以上版本才新增的特性,你不需要额外配置特殊属性或facet来调用不存在的内置元素,直接手动添加关闭功能即可,常用实现方案如下:

  • 方案1:绑定组件widgetVar调用hide方法
    给notificationBar组件声明widgetVar属性,在组件内部添加自定义关闭按钮,点击触发隐藏逻辑,示例代码如下:
<p:notificationBar position="top" widgetVar="noticeBar">
    <p:commandButton 
        icon="ui-icon-close"
        style="float: right; border: none; background: transparent; cursor: pointer;"
        onclick="PF('noticeBar').hide();"
        process="@this"
    />
    此处放置通知内容
</p:notificationBar>
  • 方案2:自定义样式模拟默认关闭按钮
    如果需要对齐高版本默认关闭图标的样式,你可以直接内嵌span标签绑定点击事件,无需使用commandButton组件,调整CSS匹配PrimeFaces默认图标样式即可。

注意:如果是参考更高版本的官方文档看到的默认内置关闭图标说明,属于版本特性差异,6.2版本不存在该默认配置,无需排查资源引入问题。

内容的提问来源于stack exchange,提问作者Olgun Kaya

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 08:45:03