2013-12-20 88 views
0

我打算構建一個母版頁,例如,在我的頁面中我只想點擊某件事物時更改中心佈局。 我該如何做到這一點? 感謝 布拉克JSF Primefaces Master Page

+0

你有不同的方法來實現這一點。你想顯示不同的可收藏的網址嗎?或者只是一個主要的中央框架,將通過AJAX更新?你可以看看[PF佈局組件](http://www.primefaces.org/showcase/ui/layoutFull.jsf)。 –

+0

是的,只有主中央框架將通過ajax更新 – Burak

+0

然後創建一箇中央窗格(您可以使用'ui:include'使其包含動態內容)並更新它。 –

回答

1

一個例子

你的母版頁

<html lang="en" 
     xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:ui="http://java.sun.com/jsf/facelets" 
     xmlns:p="http://primefaces.org/ui"> 

<h:head> 
</h:head> 

<h:body> 
<p:layout fullPage="true"> 

<p:layoutUnit position="north" header="header" > 
</p:layoutUnit> 

<p:layoutUnit position="south" header="footer" > 
</p:layoutUnit> 

<p:layoutUnit position="west" header="menu" > 
</p:layoutUnit> 

<p:layoutUnit id="centerLayout" header="content" position="center"> 
    <h:form id="form" enctype="multipart/form-data">    
    <ui:include src="#{navBean.page}.xhtml" />     
    </h:form> 
</p:layoutUnit> 
</p:layout> 
    </h:body> 
</html> 

你的核心部分

<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
       xmlns:h="http://java.sun.com/jsf/html" 
       xmlns:f="http://java.sun.com/jsf/core" 
       xmlns:p="http://primefaces.org/ui" 
       xmlns:ui="http://java.sun.com/jsf/facelets"> 

</ui:composition> 

你的託管bean

@ManagedBean(name="navBean") 
@SessionScoped 
public class NavBean implements Serializable { 
private String page; 

//constructor 
//initiate `page` with appropriate value 
//getters and setters 

} 

要更改中央部分,只需相應地更改page字符串,然後使用ajax更新表單。