AOM页面嵌套的两种方式

1：<ui:include src="right.xhtml" />
优点：引入的页面比较独立，可以包含<w:form>，在被包含的页面中，如果想使用被包含页面的litebean则需要在被包含页面中添加<om:useBean value="被包含的litebean" />进行声明
缺点:目前还不知道怎么局部刷新这个组件

 

2：<a:updater jsvar="updater" renderId="global" binding="#{updaterBean.contentUpdater}" url="/right.xhtml" globalAction="false" />
优点：方便刷新<w:button value="更新" οnclick="updater.update(false);return false;" />便可以客户端刷新。
服务端刷新可以动态设置url
缺点：被包含页面不能包含<w:form>，不方便使用

 

实例：<a:updater>的客户端和服务端刷新

 

updater3.xhtml

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout" xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax" xmlns:a="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"> <w:head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </w:head> <w:page title="Insert title here"> <w:form> <a:updater styleClass="myUpdater" globalAction="false" jsvar="updater" renderId="global" binding="# {updater3Bean.contentUpdater}"></a:updater> <w:button label="服务端刷新simpleA" id="but1" /> <w:button label="服务端刷新simpleA" id="but2" /> <w:button label="客户端刷新simpleB" οnclick="updater.update(false);return false;"/> <br /> </w:form> </w:page> </f:view>

 

Updater3Bean.java

@ManagedBean(name = "updater3Bean", scope = ManagedBeanScope.REQUEST) public class Updater3Bean { private AjaxUpdater contentUpdater; private boolean loadUrl = true; public boolean isLoadUrl() { return loadUrl; } public void setLoadUrl(boolean load) { this.loadUrl = load; } public AjaxUpdater getContentUpdater() { return this.contentUpdater; } public void setContentUpdater(AjaxUpdater contentUpdater) { this.contentUpdater = contentUpdater; } @Action(id="but1") public void but1(){ FacesContext context = FacesContext.getCurrentInstance(); if (context != null) { if (isLoadUrl()) { loadContent("/simpleA.xhtml"); } else { contentUpdater.unload(); } } } @Action(id="but2") public void but2(){ FacesContext context = FacesContext.getCurrentInstance(); if (context != null) { if (isLoadUrl()) { loadContent("/simpleB.xhtml"); } else { contentUpdater.unload(); } } } private void loadContent(String uri) { contentUpdater.unload(); String viewId = contentUpdater.getSubviewId(); if (viewId == null || !viewId.equals(uri)) { contentUpdater.load(uri); } } }

 

simpleA.xhtml

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout" xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"> <w:head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </w:head> <w:page title="Insert title here"> AAA </w:page> </f:view>

 

SimpleABean.java

@ManagedBean(name = "simpleABean", scope = ManagedBeanScope.REQUEST) public class SimpleABean { }

 

simpleB.xhtml

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout" xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"> <w:head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </w:head> <w:page title="Insert title here"> BBB <h:outputText style="font:normal 18px arial;" mce_style="font:normal 18px arial;" value="#{simpleBBean.time}"></h:outputText> <w:button id="but3"></w:button> <layout:window width="350" height="234" id="win"></layout:window> </w:page> </f:view>

 

SimpleBBean.java

@ManagedBean(name = "simpleBBean", scope = ManagedBeanScope.REQUEST) public class SimpleBBean { @Bind private UIWindow win; public String getTime() { return new Date().toString(); } @Action(id="but3") public void but3(){ win.show(); } }