我的 ui 文件中有一个 switchType 设置为 ajax 的文件。它有 4 个选项卡。问题是当我点击 tab1 时,它会加载 tab1 的数据。但是,当我单击 tab2 时,它会加载 tab1 和 tab2 的数据。点击tab3时,会加载tab1、tab2、tab3的数据。等等。我怎样才能避免这种行为?它应该只加载被选择(或单击)的选项卡的数据,而不是它之前的所有选项卡。
我使用 Richfaces 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>