primefaces - 在 p:tabmenu 中隐藏 p:menuItem

Question

我将 JavaEE 与 Maven 和 Primefaces 一起使用，我想在 Primfaces tabMenu中隐藏（HTML 隐藏）一个菜单项。

类似这个（先前）问题的答案会很好：

.ui-tabmenuitem: {
  visibility: hidden !important;
}

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

Answer 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 中。