在 p:tabmenu 中隐藏 p:menuItem

Question

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

类似中的答案就好了：

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

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

Answer 1

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

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

在 PF 6.0 和 5.3 上测试。

如果您想动态地进行，您可以有条件地向相关 menuitem 中添加一个 styleClass；

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

并用一些脚本隐藏它：

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

使用纯 css 不可能获取父级，这就是为什么需要脚本的原因（据我所知..）。使用 inspector i Firebug 或类似工具找出需要什么。

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

hide p:menuItem in p:tabmenu