如何在JSF2和Primefaces中實現局部導航2

Question

我已經離開了包含不同頁面鏈接的面板。根據左側面板中單擊的鏈接，右側面板是應該使用新頁面進行更新的面板。我希望它是一個Ajax更新，以便左側面板，頁眉和頁腳不刷新。我嘗試過使用ui：include，但只在第二次點擊時刷新頁面。該線程的引用

ui:include in richfaces 4 only gets updated on second click

有沒有替代的方式來實現JSF2和Primefaces 2.2.1相同。 由於

更新

<ui:define name="content"> 
    <h:form id="form_01"> 

    <div style="margin:0; padding:0; float:right; width:740px;background:#FFF; "> 
     <p:outputPanel id="pagePanel"> 
      <ui:include src="#{panelMenu.currentPage}.xhtml"></ui:include> 
     </p:outputPanel> 
    </div> 

    <div style="padding:0; float:left;"> 
     <p:panel style="width:205px;" header="User Menu"> 
      <h:panelGrid columns="1"> 
       <p:commandLink update="pagePanel" action="#{panelMenu.setCurrentPage('/pages/group_message')}"> 
        <h:outputText value="Compose"/> 
       </p:commandLink> 
       <p:separator/> 
       <p:commandLink update="pagePanel" action="#{panelMenu.setCurrentPage('/pages/group_detail')}"> 
        <h:outputText value="Groups"/> 
       </p:commandLink> 
       <p:separator/> 

       </h:panelGrid> 
     </p:panel> 
    </div> 
    </h:form> 
</ui:define> 

輔助Bean

@ManagedBean(name="panelMenu") 
@SessionScoped 

public class PanelMenu { 
private String currentPage = "/pages/group_detail"; 

public String getCurrentPage() { 
    System.out.println(Thread.currentThread().getStackTrace()[1]); 
    System.out.println(FacesContext.getCurrentInstance().getCurrentPhaseId()); 
    return currentPage; 
} 

public void setCurrentPage(String currentPage) { 
    System.out.println(Thread.currentThread().getStackTrace()[1]); 
    System.out.println(FacesContext.getCurrentInstance().getCurrentPhaseId()); 
    this.currentPage = currentPage; 
} 

}

Answer 1

下面是一個例子：

託管豆：

@ManagedBean 
@ViewScoped 
public class PartialNavBean { 
    private String pageName = "/pages/group_member"; 

    public String getPageName() { 
     return pageName; 
    } 

    public void setPageName(String pageName) { 
     this.pageName = pageName; 
    } 
} 

查看：

<p:panel id="leftPanel"> 
    <h:form> 
     <p:commandLink value="Group member" 
         action="#{partialNavBean.setPageName('/pages/group_member')}" 
         update="rightPanel"/> 
     <br/> 
     <p:commandLink value="Group detail" 
         action="#{partialNavBean.setPageName('/pages/group_detail')}" 
         update="rightPanel"/> 
    </h:form> 
</p:panel> 

<p:panel id="rightPanel"> 
    <ui:include src="#{partialNavBean.pageName}.xhtml"/> 
</p:panel> 

更新：

我試過如下：

public String getPageName() { 
    System.out.println(Thread.currentThread().getStackTrace()[1]); 
    System.out.println(FacesContext.getCurrentInstance().getCurrentPhaseId()); 
    return pageName; 
} 

public void setPageName(String pageName) { 
    System.out.println(Thread.currentThread().getStackTrace()[1]); 
    System.out.println(FacesContext.getCurrentInstance().getCurrentPhaseId()); 
    this.pageName = pageName; 
} 

和輸出如下：

 
INFO: pkg.PartialNavBean.getPageName(PartialNavBean.java:14) 
INFO: RESTORE_VIEW 1 
INFO: pkg.PartialNavBean.setPageName(PartialNavBean.java:20) 
INFO: INVOKE_APPLICATION 5 
INFO: pkg.PartialNavBean.getPageName(PartialNavBean.java:14) 
INFO: RENDER_RESPONSE 6 
INFO: pkg.PartialNavBean.getPageName(PartialNavBean.java:14) 
INFO: RESTORE_VIEW 1 
INFO: pkg.PartialNavBean.setPageName(PartialNavBean.java:20) 
INFO: INVOKE_APPLICATION 5 
INFO: pkg.PartialNavBean.getPageName(PartialNavBean.java:14) 
INFO: RENDER_RESPONSE 6