java - p:tabMenu を Ajax で使用する方法

Question

p:tabMenuタブを表示するために使用される があります。

<p:tabMenu id="tabs" activeIndex="0" >  
    <p:menuitem value="tab1" url="/tab1.jsf" />
    <p:menuitem value="tab2" url="/tab2.jsf" />
</p:tabMenu>  

タブの読み込みをよりスムーズにするために (タブが点滅するのを見たくない)、どういうわけか Ajax を使用できますか?

Answer 1

タブの内容をキャッシュ（cache=true）すると、読み込みがよりスムーズになります。キャッシュはデフォルトで有効になっています。さらに、タブを変更するたびにajax呼び出しを行う場合は、次のtabChangeイベントを使用します。

<p:tabMenu id="tabs" activeIndex="0" dynamic="true">

    <p:ajax event="tabChange" listener="#{tabBean.onTabChange}"/>

    <p:menuitem value="tab1" url="/tab1.jsf" />
    <p:menuitem value="tab2" url="/tab2.jsf" />
</p:tabMenu>

詳細な例については、TabView-ChangeListenerデモを参照してください。

Answer 2

Set dynamic="true" on your <p:tabMenu/>, automatically triggers an ajax request. Very visible on the primefaces demo site. Also see the primefaces demo.

EDIT: Considering your question more carefully, if it's smoothness in visuals you're looking for, you should set your tab effect parameter to any of the primefaces effects. My personal favourite is the effect="slide"