hide p: menuItem dans p: tabmenu

Question

J'utilise JavaEE avec Maven et Primefaces et je veux cacher (HTML caché) un menuitem dans Primfaces tabMenu.

Quelque chose comme la réponse à this (prior) question serait bon:

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

Juste une autre petite astuce: Ajout d'une classe de style ne fonctionne pas, l'ajout d'un containerStyle n'est pas pris en charge: See primefaces github page

Answer 1

Votre code fonctionne pour les cacher si je supprime le ":"

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

Testé sur PF 6.0 et 5.3.

Si vous voulez le faire dynamiquement, vous pouvez ajouter une classe styleClass au conditionnel menuitem;

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

et se cacher avec un script:

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

Obtenir le parent n'est pas possible avec css pur, c'est la raison pour laquelle le script est nécessaire (pour autant que je peux voir ..). Utilisez l'inspecteur i Firebug ou similaire pour déterminer ce qui est nécessaire. Soit simplement mettre le script dans la page pour l'exécuter au moment du chargement, ou le mettre dans un onclick-listener sur un bouton (ou ailleurs).