JSF 使用 primefaces 动态更改选项卡位置答案

【问题标题】：JSF Changing Tab positions dynamically using primefacesJSF 使用 primefaces 动态更改选项卡位置
【发布时间】：2014-05-15 07:06:02
【问题描述】：

我有一个典型的要求，我需要重新排列选项卡的位置。
我正在使用 primefaces here

中给出的标签

假设有三个标签，如上述 URL 中给出的标签。

当我单击 tab3 时，它应该到达第一个位置，此时 tab1 存在，并且像这样应该重新排列选项卡，并且不应该以随机方式重新排列。

重排应该以旋转的方式发生

最初，选项卡应按此顺序加载 tab1,tab2,tab3

如果我点击 TAB3 - tab 的顺序应该是 tab3,tab2,tab1
如果我点击 TAB2 - 选项卡的顺序应该是 tab2,tab3,tab1
如果我点击 TAB1 - 选项卡的顺序应该是 tab1,tab3,tab2

如何使用 JSF primefaces 重新排列这些选项卡的位置？

【问题讨论】：

标签： jquery jsf jsf-2 primefaces tabs

【解决方案1】：

Primefaces <p:tabView> 可以显示动态数量的选项卡。此方法将要求您有一个对象来表示选项卡的内容。您的 bean 将需要这些对象的集合。

<p:tabView id="mytabs" value="#{bean.tabsList} value="tab">
    <p:ajax event="tabChange" listener="#{bean.updateTabs}" update="mytabs" />
    <p:tab title="#{tab.title}>
        <h:outputText value="#{tab.content}" />
    </p:tab>
</p:tabView>

然后在updateTabs() bean 方法中，您可以根据需要对您的集合进行排序。 <p:ajax> 事件将更新您的 <p:tabView> 并重新呈现您的标签。

【讨论】：