Primefaces TabMenu选择不会改变

我尝试为Web-Page构建一个primefaces TabMenu。它显示它将我指向我想要的页面，但它不会设置activeIndex，因此它仍然看起来像我仍然在我的主页上。Primefaces TabMenu选择不会改变

继承人的JSF-视图（这是一个组件，该组件插入到页面）：

<ui:component> 
<div id="navigation"> 
    <h:form id="navForm"> 
     <p:tabMenu activeIndex="#{projectCockpit.pageId}"> 
      <p:menuitem value="Home" url="/mainPage.xhtml" 
       actionListener="#{projectCockpit.setPageId(0)}"> 
      </p:menuitem> 
      <p:menuitem value="Projekte" url="/projects.xhtml"> 
       <f:setPropertyActionListener value="1" 
        target="#{projectCockpit.pageId}" /> 
      </p:menuitem> 
     </p:tabMenu> 
    </h:form> 
</div> 
</ui:component>

这里是我的豆：

@ManagedBean(name = "projectCockpit") 
@SessionScoped 
public class projectCockpitBean implements Serializable{ 

/** 
* 
*/ 
private static final long serialVersionUID = 8049539654282700741L; 

private int pageId; 

@PostConstruct 
protected void init(){ 
    pageId = 0; 
} 

public int getPageId() { 
    return pageId; 
} 

public void setPageId(int pageId) { 
    this.pageId = pageId; 
} 

}

来源

2014-09-23 FlyingSpaten

对于重定向页面tabMenu，你必须像这样在两页中使用相同的代码。

mainPage.xhtml

<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:f="http://java.sun.com/jsf/core" 
       xmlns:p="http://primefaces.org/ui" 
       template="/WEB-INF/template.xhtml"> 

    <ui:define name="content"> 
     <p:tabMenu activeIndex="#{param.i}"> 
      <p:menuitem value="Overview" outcome="/mainPage.xhtml" icon="ui-icon-star"> 
       <f:param name="i" value="0" /> 
      </p:menuitem> 
      <p:menuitem value="Demos" outcome="/projects.xhtml" icon="ui-icon-search"> 
       <f:param name="i" value="1" /> 
      </p:menuitem> 
     </p:tabMenu> 
     //place your mainPage code here 
     <p:outputLabel value="mainPage code"/> 
    </ui:define> 

</ui:composition>

projects.xhtml

<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:f="http://java.sun.com/jsf/core" 
       xmlns:p="http://primefaces.org/ui" 
       template="/WEB-INF/template.xhtml"> 

    <ui:define name="content"> 
     <p:tabMenu activeIndex="#{param.i}"> 
      <p:menuitem value="Overview" outcome="/mainPage.xhtml" icon="ui-icon-star"> 
       <f:param name="i" value="0" /> 
      </p:menuitem> 
      <p:menuitem value="Demos" outcome="/projects.xhtml" icon="ui-icon-search"> 
       <f:param name="i" value="1" /> 
      </p:menuitem> 
     </p:tabMenu> 
     //place your projects code here 
     <p:outputLabel value="projects code"/> 
    </ui:define> 

</ui:composition>

来源

2014-09-23 08:19:50 wittakarn

我使用相同的代码。主页面和项目页面只是模板的。在这个模板中导航被插入... – FlyingSpaten 2014-09-23 15:18:41

Primefaces TabMenu选择不会改变

回答

相关问题