如何在Primefaces tabView中设置活动标签？

Question

我有一个菜单栏，其中子菜单上的两个项目都调用同一页面：

<p:menubar autoSubmenuDisplay="true">  
   <p:submenu label="Perfil">  
       <p:menuitem value="Editar" url="perfil.xhtml" />  
       <p:menuitem value="Ver" url="perfil.xhtml" />  
   </p:submenu>  
</p:menubar>

在该页面中，我有一个带有两个选项卡的选项卡视图：

<p:tabView dynamic="true">  
    <p:tab id="ver" title="Ver perfil">  
        <ui:include src="verPerfil.xhtml" />    
    </p:tab>  
    <p:tab id="editar" title="Editar perfil">   
    <ui:include src="editarPerfil.xhtml" />  
    </p:tab>  
</p:tabView>

如何设置活动标签，以便每个菜单项都激活相应的标签？

Answer 1

如果您想这样做，则不能使用url中的，p:menuitem因为我们必须 在 跳到prefil.xhtml页面 之前
调用一种方法来更改tabindex 。如果使用url，则在我们跳到prefil.xhtml页面后将调用该方法。

首先，您可以使用的操作字段p:menuitem，该方法返回您要跳过的地址：

<p:menubar autoSubmenuDisplay="true">  
    <p:submenu label="Perfil">  
        <p:menuitem value="Editar" action="#{some.editar}" ajax="false"/>  
        <p:menuitem value="Ver" action="#{some.ver}" ajax="false" />  
    </p:submenu>  
</p:menubar>

这两种方法可以更改tabindex，如下所示：

public String editar() {
    tabindex = 0;
    return "verPerfil";
}

public String ver() {
    tabindex = 1;
    return "verPerfil";
}

然后，p:tabView具有一个名为的属性activeIndex。它是活动选项卡的索引，其默认值为0。因此，您可以执行以下操作：

<p:tabView dynamic="true" activeIndex="#{some.tabindex}" >
    <p:tab id="ver" title="Ver perfil">
        <ui:include src="verPerfil.xhtml" />
    </p:tab>
    <p:tab id="editar" title="Editar perfil">   
        <ui:include src="editarPerfil.xhtml" />
    </p:tab>
</p:tabView>

然后，每个菜单项都会激活相应的选项卡。