2013-12-20 95 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更新表单。