How to change activeindex in TabMenu - primefaces

Question

I have a question concerning the component Tabmenu of primefacess and specifically the attribute active index, the index of the page selected. I would like to change it according to the page chosen but it is always fixed on the front page! This is my code:
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<p:tabMenu rendered="true" widgetVar="index">
<p:menuitem value="Home" url="Menu.jsf" icon="ui-icon-star"/>
<p:menuitem value="Fabricants" url="/pagess/pagesFabricant/Fabricant.jsf" icon="ui-icon-wrench" oncomplete="index.select(1)"/>
<p:menuitem value="Composants" url="/pagess/pagesComposant/Composant.jsf" icon="ui-icon-search" oncomplete="index.select(2)"/>
<p:menuitem value="Dossier d'equivalence" url="DEQ.jsf" icon="ui-icon-document" oncomplete="index.select(3)"/>
</p:tabMenu>
</ui:composition>
it doesn't work
thx for your cooepration ,but its not working
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<p:tabMenu activeIndex="0" >
<p:menuitem value="Home" url="Menu.jsf" icon="ui-icon-star" update="#all"/>
<p:menuitem value="Fabricants" url="/pagess/pagesFabricant/Fabricant.jsf" icon="ui-icon-wrench" update="#all" />
<p:menuitem value="Composants" url="/pagess/pagesComposant/Composant.jsf" icon="ui-icon-search" update="#all"/>
<p:menuitem value="Dossier d'equivalence" url="DEQ.jsf" icon="ui-icon-document" update="#all"/>
</p:tabMenu>
</ui:composition>

Answer 1

The activeIndex attribute on tabmenu sets the tab on that index active. If you click around the tabs at the primefaces tabmenu showcase and keep looking at the source examples, you'll see that this is exactly what is happening. They set different activeIndex on each page.

Answer 2

I have found a solution in the PrimeFaces showcase. You can add a request parameter to the menuitem and append this parameter to your url. So no backing bean is needed to keep the active index:
<p:tabMenu activeIndex="#{param.i}">
<p:menuitem value="Home" icon="ui-icon-home" url="page1.xhtml?i=0">
<f:param name="i" value="0" />
</p:menuitem>
<p:menuitem value="Search" icon="ui-icon-search" url="page2.xhtml?i=1">
<f:param name="i" value="1" />
</p:menuitem>
...
</p:tabMenu>

Answer 3

Create template.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<p:tabMenu activeIndex="#{activeIndex}">
<p:menuitem
value="tab1"
url="/tab1.jsf">
</p:menuitem>
<p:menuitem
value="tab2"
url="/tab2.jsf">
</p:menuitem>
</p:tabMenu>
<h:panelGroup id="mainPanel" style="width:100%">
<ui:insert name="page">Page Content</ui:insert>
</h:panelGroup>
</ui:composition>
Set Parameter in tab pages
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
template="template.xhtml">
<ui:param name="activeIndex" value="1" />
<ui:define name="page">
tab1 content
</ui:define>
</ui:composition>

Answer 4

Consider you have two .jsf files namely Menu.jsf and Fabricant.jsf
Put following snippet code in Menu.jsf that will select 0th Index from menuItem
<p:tabMenu activeIndex="0" >
<p:menuitem value="Home" url="Menu.jsf" icon="ui-icon-star"/>
<p:menuitem value="Fabricants" url="/pagess/pagesFabricant/Fabricant.jsf" icon="ui-icon-wrench"/>
</p:tabMenu>
Put following snippet code in Fabricant.jsf that will select 1st Index from menuItem
<p:tabMenu activeIndex="1" >
<p:menuitem value="Home" url="Menu.jsf" icon="ui-icon-star"/>
<p:menuitem value="Fabricants" url="/pagess/pagesFabricant/Fabricant.jsf" icon="ui-icon-wrench"/>
</p:tabMenu>
For more information click here

Answer 5

<p:tabMenu rendered="true" widgetVar="#{bean.index}">
<p:menuitem value="Home" action="#{bean.redirect(1)}"/>
<p:menuitem value="Fabricants" action="#{baen.redirect(2)}"/>
</p:tabMenu>
on my bean {
int index;
getter and setter;
public String redirect(int a){
if (a==1){
index=1;
return "Home" or // "/home.jsf
}
else if (a==2){
index =2;
return "Fabricant";
}
}
it works fine thx all for your cooperation :)

Answer 6

I had the same issue while using the tab menu as a component that other pages <ui:include>ed. I used the suggestions above for the following fix:
The component (let's call it myMenu.xhtml):
<p:tabMenu id="myMenuBar" activeIndex="#{parentIndex}">
<p:menuitem value="Page One" action="#{PageOneBacker.mainNavigation}" />
<p:menuitem value="Page Two" action="#{PageTwoBacker.mainNavigation}" />
<p:menuitem value="Page Three" action="#{PageThreeBacker.mainNavigation}" />
</p:tabMenu>
Now in each page, I have:
<ui:include src="../myMenu.xhtml">
<ui:param name="parentIndex" value="XXX" />
</ui:include>
Where XXX is the numeric index of that page in the menu, starting from 0. I'm not 100% happy having to "hard-code" these index'es like this, but it is a solution.