在 p:tabmenu 中隐藏 p:menuItem

Posted 2023-03-16

【中文标题】在 p:tabmenu 中隐藏 p:menuItem

【英文标题】：hide p:menuItem in p:tabmenu

【发布时间】：2017-02-03 17:26:21

【问题描述】：

我正在使用带有 Maven 和 Primefaces 的 JavaEE，我想在 Primfaces tabMenu 中隐藏（html 隐藏）一个菜单项。

类似this (prior) question 中的答案会很好：

.ui-tabmenuitem: 
  visibility: hidden !important;

只是另一个小提示： 添加样式类不起作用，不支持添加containerStyle：See primefaces github page

【参考方案1】：

如果我删除无效的“：”，您的代码可以隐藏它们

.ui-tabmenuitem 
    visibility: hidden !important;  

在 PF 6.0 和 5.3 上测试。

如果你想动态地做，你可以有条件地将 styleClass 添加到相关的menuitem's;

<p:menuitem styleClass="#bean.something ? 'ui-tabmenuitem-hidden' : ''" value="Social">

并用一些脚本隐藏它：

<script>
    $('.ui-tabmenuitem-hidden').parent().css('visibility', 'hidden'); // or toggle()
</script>

使用纯 css 无法获取父级，这就是需要脚本的原因（据我所知..）。使用检查器 i Firebug 或类似工具来确定需要什么。

要么将脚本放在页面中以便在加载时运行，要么将其放在按钮（或其他地方）的 onclick-listener 中。