JSF/PrimeFaces selectOneMenu更改視圖ID

Question

我正在使用JSF2和PrimeFaces3。我如何編寫selectOneMenu來調用JSF導航，以便在菜單中更改選項時將用戶重定向到另一個頁面？

Answer 1

附加一個ajax監聽器，讓它通過NavigationHandler導航。

例如

<h:form> 
    <h:selectOneMenu value="#{navigator.outcome}"> 
     <f:selectItem itemLabel="Select page..." /> 
     <f:selectItem itemValue="page1" itemLabel="Page 1" /> 
     <f:selectItem itemValue="page2" itemLabel="Page 2" /> 
     <f:selectItem itemValue="page3" itemLabel="Page 3" /> 
     <f:ajax listener="#{navigator.navigate}" /> 
    </h:selectOneMenu> 
</h:form> 

（上面的例子中預計page1.xhtml，page2.xhtml和在相同的上下文page3.xhtml;甚至可以使一個<f:selectItems>代替）

與

private String outcome; 

public void navigate() { 
    FacesContext context = FacesContext.getCurrentInstance(); 
    NavigationHandler navigationHandler = context.getApplication().getNavigationHandler(); 
    navigationHandler.handleNavigation(context, null, outcome + "?faces-redirect=true"); 
} 

的?faces-redirect=true是沒有必要，但它有效地發送重定向，以便瀏覽器地址欄中的URL可以正確更改，這對用戶體驗更好和書籤的頁面。

Answer 2

你可能有這樣的事情：

<p:selectOneMenu value="#{myBean.mySelectedPage}"> 
      <f:selectItem itemValue="http://www.yahoo.com" itemLabel="yahoo" /> 
      <f:selectItem itemValue="http://www.google.com" itemLabel="google" /> 
      <f:selectItem itemValue="search.jsf" itemLabel="search" /> 
      <p:ajax event="change" listener="#{myBean.myNavigationMethod}" /> 
</p:selectOneMenu> 

，並在你的navigationMethod您有：

String myPage = mySelectedPage 
FacesContext.getCurrentInstance().getExternalContext().redirect(myPage); 

前兩個selectItem是一個完整的URL，最後一個是在另一頁你web應用程序（請注意，擴展名必須是在web.xml中設置的擴展名 - 它可以是.jsf，.xhtml，.htm等）

Answer 3

而不是使用ajax導航u如下：

<p:selectOneMenu value="#{navigator.outcome}" onchange="window.location =this.options[this.selectedIndex].value">      
    <f:selectItem itemLabel="Select page..." /> 
    <f:selectItem itemValue="page1" itemLabel="Page 1" /> 
    <f:selectItem itemValue="page2" itemLabel="Page 2" /> 
    <f:selectItem itemValue="page3" itemLabel="Page 3" /> 
    <p:ajax event="change" listener="#{navigator.navigate}" /> 
</p:selectOneMenu> 

即使會話超時，此功能仍然有效。