在p：tabmenu中隱藏p：menuItem

Question

我在Maven和Primefaces中使用JavaEE，我想隱藏（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，這就是爲什麼需要腳本（只要我能看到..）。使用我的Firebug或類似的檢查員找出需要什麼。

或者只是將腳本放入頁面以便在加載時運行，或者將其放入按鈕（或其他位置）的onclick偵聽器中。