在 p:tabmenu 中隐藏 p:menuItem
hide p:menuItem in p:tabmenu
我将 JavaEE 与 Maven 和 Primefaces 一起使用,我想隐藏(HTML 隐藏)Primfaces 中的一个菜单项 tabMenu。
类似中的答案就好了:
.ui-tabmenuitem: {
visibility: hidden !important;
}
另一个小提示:
添加样式class不起作用,不支持添加containerStyle:See primefaces github page
如果我删除无效的“:”,您的代码可以隐藏它们
.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 按钮上(或其他地方)。
我将 JavaEE 与 Maven 和 Primefaces 一起使用,我想隐藏(HTML 隐藏)Primfaces 中的一个菜单项 tabMenu。
类似
.ui-tabmenuitem: {
visibility: hidden !important;
}
另一个小提示: 添加样式class不起作用,不支持添加containerStyle:See primefaces github page
如果我删除无效的“:”,您的代码可以隐藏它们
.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 按钮上(或其他地方)。