hide p: menuItem in p: tabmenmen

Question

Ich benutze JavaEE mit Maven und Primefaces und ich möchte (HTML versteckt) ein Menuit in Primfaces tabMenu verstecken.

So etwas wie die Antwort in this (prior) question wäre gut:

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

Nur ein weiterer kleiner Hinweis: Hinzufügen einer Stil-Klasse funktioniert nicht, das Hinzufügen einer containerStyle nicht unterstützt wird: See primefaces github page

Answer 1

Ihr Code funktioniert, um sie zu verbergen, wenn ich das ungültige ":"

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

entferne

Getestet auf PF 6.0 und 5.3.

Wenn Sie es dynamisch tun möchten, können Sie eine styleClass zu den relevanten menuitem 's hinzufügen;

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

und versteckt es mit einigen Skript:

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

die Eltern zu erhalten ist nicht möglich, mit reinem CSS, das ist, warum das Skript benötigt wird (soweit ich sehen kann ..). Verwenden Sie den Inspektor i Firebug oder ähnliches, um herauszufinden, was benötigt wird.

Entweder legen Sie das Skript auf der Seite für den Ladevorgang oder in einem onclick-Listener auf einer Schaltfläche (oder woanders).