JSF使用primeface动态更改Tab位置

时间:2014-05-15 07:06:02

标签: jquery jsf jsf-2 primefaces tabs

我有一个典型的要求,我需要重新排列标签的位置。
我正在使用在primeface here

中给出的标签

假设有三个标签,例如上面网址中给出的标签。

当我点击tab3时,它应该到达第一个位置,tab1现在就在这里,像这样,标签应该重新排列,不应该以随机的方式重新排列。

重新排列应以旋转方式发生

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

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

的顺序


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

1 个答案:

答案 0 :(得分:0)

Primefaces <p:tabView>可以显示动态数量的标签。此方法将要求您使用Object来表示选项卡的内容。你的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方法中,您可以根据需要对Collection进行排序。 <p:ajax>事件会更新您的<p:tabView>并重新呈现您的标签。