javascript - 如何创建 p :tabView with progressbar

Question

我想创建带有进度条的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>

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

Answer 1

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

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

哪里myTabPanel是 id您将分配给您的 <p:tabPanel/> 。请参阅 pf showcase 上 blockUi 组件的其他用法