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

【问题标题】：How to create p:tabView with progressbar如何使用进度条创建 p:tabView
【发布时间】：2012-10-14 21:26:00
【问题描述】：

我想用进度条创建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>

另一个可行的选项是在加载期间禁用标签标签。

【问题讨论】：

标签： javascript jsf jsf-2 primefaces

【解决方案1】：

无需自己禁用任何东西。使用 primefaces BlockUI 暂时禁用您的选项卡。只需将以下标记添加到您的页面：

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

其中myTabPanel 是id，您将分配给您的<p:tabPanel/>。在 pf showcase 上查看 blockUi 组件的其他用法

【讨论】：