hide p: menuItem in p: tabmenu

Question

Я использую JavaEE с Maven и Primefaces, и я хочу скрыть (скрытый HTML) элемент меню в Primfaces tabMenu.

Что-то вроде ответа в this (prior) question было бы хорошо:

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

Просто еще один небольшой совет: Добавление класса стиль не работает, добавив containerStyle не поддерживается: See primefaces github page

Answer 1

Ваш код работает для их скрытия, если я удаляю неверный код: «

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

Испытано на PF 6.0 и 5.3.

Если вы хотите сделать это динамически, вы можете условно добавить styleClass в соответствующие menuitem;

<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 на кнопку (или в другое место).