p : menuItem in p : tabmenu

Question

Maven과 Primefaces에서 JavaEE를 사용 중이고 Primfaces의 menuitem을 숨기려고합니다 (HTML 숨김) 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에서 테스트되었습니다.

동적으로 처리하려는 경우 관련 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에 넣으십시오.