Primefaces 在p:tabmenu中隐藏p:menuItem

Primefaces 在p:tabmenu中隐藏p:menuItem,primefaces,tabmenu,Primefaces,Tabmenu,我将JavaEE与Maven和Primefaces一起使用,我想在Primefaces中隐藏(HTML隐藏)菜单项 类似于中的答案会很好: .ui-tabmenuitem: { visibility: hidden !important; } 只是另一个小提示: 添加样式类不起作用,不支持添加containerStyle:如果我删除了无效的样式,您的代码可以隐藏它们:“ 在PF 6.0和5.3上测试 如果您想动态执行,可以有条件地将styleClass添加到相关的菜单项 <p:men

我将JavaEE与Maven和Primefaces一起使用,我想在Primefaces中隐藏(HTML隐藏)菜单项

类似于中的答案会很好:

.ui-tabmenuitem: {
  visibility: hidden !important;
}
只是另一个小提示:
添加样式类不起作用,不支持添加containerStyle:

如果我删除了无效的样式,您的代码可以隐藏它们:“

在PF 6.0和5.3上测试

如果您想动态执行,可以有条件地将styleClass添加到相关的
菜单项

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

并用一些脚本将其隐藏:

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

$('.ui tabmenuitem hidden').parent().css('可见性','隐藏');//或切换()
使用纯css无法获取父对象,这就是为什么需要脚本(据我所知…)。使用inspector i Firebug或类似工具来确定需要什么


只需将脚本放在页面中以便在加载时运行,或将其放在按钮(或其他地方)上的onclick侦听器中。

如果我删除了无效脚本,您的代码可以隐藏它们”:

在PF 6.0和5.3上测试

如果您想动态执行,可以有条件地将styleClass添加到相关的
菜单项

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

并用一些脚本将其隐藏:

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

$('.ui tabmenuitem hidden').parent().css('可见性','隐藏');//或切换()
使用纯css无法获取父对象,这就是为什么需要脚本(据我所知…)。使用inspector i Firebug或类似工具来确定需要什么

要么将脚本放在页面中以便在加载时运行,要么将其放在按钮(或其他地方)上的onclick侦听器中