如何使用进度条创建p:tabView

时间:2012-10-14 21:26:00

标签: javascript jsf jsf-2 primefaces

我想用进度条创建p:tabView。像p:tabMenu之类的东西 - 当按下标签时,标签的标签更改为Loading我想创建类似但p:tabView的内容。例如,我可以如何调用this之类的进度条并在加载完成时对其进行改进。有什么办法吗?

<p:tabView dynamic="true" cache="false">
    <p:tab id="tab1" title="tab1" >
        <ui:include src="tab1.xhtml" />
    </p:tab>
    <p:tab id="tab2" title="tab2" >
        <ui:include src="tab2.xhtml" />
    </p:tab>
    <p:tab id="ta3" title="tab3" >
        <ui:include src="tab3.xhtml" />
    </p:tab>
    <p:tab id="tab4" title="tab4" >
        <ui:include src="tab4.xhtml" />
    </p:tab>
</p:tabView>

可能有效的另一个选项是在加载时禁用选项卡标签。

1 个答案:

答案 0 :(得分:3)

无需自行禁用任何内容。使用primeface BlockUI暂时禁用标签。只需将以下标记添加到您的页面:

  <p:blockUI block="myTabPanel" trigger="tab1,tab2,tab3,tab4" />

myTabPanelid,您将分配给<p:tabPanel/>。请参阅pf showcase

上的blockUi组件的其他用法