1

switchType が ajax に設定されている ui ファイルに があります。4 つのタブがあります。問題は、 tab1 をクリックすると、 tab1 のデータがロードされることです。しかし、tab2 をクリックすると、tab1 と tab2 のデータが読み込まれます。tab3 をクリックすると、tab1、tab2、および tab3 のデータがロードされます。等々。どうすればこの動作を回避できますか? 選択された(またはクリックされた)タブのみのデータをロードし、その前のすべてのタブをロードする必要はありません。

私はリッチフェイス4とJSF 2.0を使用しています

以下はコードです:

<rich:tabPanel  status="loadingMask" id="tabPanelTest" switchType="ajax" style="height:80%;width:100%;padding-top:5px">
        <a4j:ajax event="itemchange"  render="tabPanelTest" />
        <rich:tab header="Tab 1" id="TAB 1">
            <h:panelGroup layout="block" style="height:100%;width:100%;" id="tab1view">
                <ui:include src="tab-1-file.xhtml"/>
            </h:panelGroup>
        </rich:tab>
        <rich:tab header="Tab 2" id="TAB 2">
            <h:panelGroup layout="block" style="height:100%;width:100%;" id="tab2view">
                <ui:include src="components/tab-2-file.xhtml"/>
            </h:panelGroup>
        </rich:tab>
        <rich:tab header="Tab 3" id="TAB 3">
            <h:panelGroup layout="block" style="height:100%;width:100%;" id="tab3view">
                <ui:include src="tab-3-file.xhtml"/>
            </h:panelGroup>
        </rich:tab>
        <rich:tab header="Tab 4" id="TAB 4">
            <h:panelGroup layout="block" style="height:100%;width:100%;" id="tab4view">
                <ui:include src="tab-4-file.xhtml"/>
            </h:panelGroup>
        </rich:tab>             
</rich:tabPanel>
4

0 に答える 0