p：menuItem in p：tabmenu

Question

MavenとPrimefaceでJavaEEを使用していますが、私はプリムフェイスtabMenuのmenuitemを非表示（HTML非表示）にしたいと思います。

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で可能ではないの取得スクリプトが必要な理由、それは（私の知る限り...）です。インスペクタiのFirebugなどを使用して、必要なものを見つけ出します。

ロード時に実行するためのスクリプトをページに挿入するか、ボタン（または他の場所）のonclick-listenerに挿入するだけです。