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
相关产品推荐
相关产品推荐

