Question

我正在尝试根据ap：layout中的所选操作动态加载页面 - 我的操作由托管bean驱动 - 使用下面的代码我看到托管bean被调用并且正确的页面被传递但是没有得到渲染。想知道我错过了什么，希望有人能指出它。

由于

布局页面

  <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
      <f:view contentType="text/html" locale="en">
  <h:head title="Title">
        <ui:insert name="head" />
</h:head>
<h:body>
    <p:layout fullPage="true">
        <p:layoutUnit position="north" size="100" header="Top"
             resizable="true" closable="true" collapsible="true">
        </p:layoutUnit>
        <p:layoutUnit position="south" size="100" header="Bottom"
                  resizable="true" closable="true" collapsible="true">
    </p:layoutUnit>
        <p:layoutUnit position="west" size="200" style="width:200px"
               header="Menu" resizable="true" closable="true" collapsible="true">
        <h:form id="formMainMenu">
    <p:panelMenu style="width:400px">
    <p:submenu label="Sub Menu 1">
    <p:submenu label="Sub Menu 2" icon="ui-icon-extlink">
    <p:menuitem value="Option1" 
       actionListener="#{menuController.setPage('../../public/pages/aboutTest.xhtml')}"
         update=":allLayoutForm:allLayout" />
       </p:submenu>
       </p:submenu>
   </p:panelMenu>
   </h:form>
     </p:layoutUnit>


     <p:layoutUnit position="east" size="200" header="Right"
       resizable="true" closable="true" collapsible="true" effect="fade">
 </p:layoutUnit>
 <h:form id="allLayoutForm">
       <p:layoutUnit position="center" id="allLayout">
    <ui:insert name="content">src="#{menuController.page}"</ui:insert>
 </p:layoutUnit>
</h:form>
    </p:layout>
</h:body>
    </f:view>
    </html>

菜单控制器

@SuppressWarnings("unused")
@ManagedBean
@ViewScoped
public class MenuController {

private String page;

public String getPage() {
    System.out.println(" Get "+page);
    return page;
}

public void setPage(String page) {
    System.out.println(page);
    this.page = page;
}

}

Answer 1

如果您需要在应用程序的任何位置使用html页面的某些静态部分，您应该查看JSF模板（example here）。

MainTemplate.xhtml：

<?xml version="1.0" encoding="ISO-8859-1"?>
<html xmlns="http://www.w3c.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"
        xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title><ui:insert name="title">Default title</ui:insert></title>
    </h:head>
    <h:body>
        <h:form id="menuForm">
            <p:menubar model="#{bean.menumodel}" />
        </h:form>
        <ui:insert name="content" />
    </h:body>
</html>

对于你的所有页面看起来像这样：

<ui:composition xmlns="http://www.w3c.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:cc="http://java.sun.com/jsf/composite" 
    template="/templates/MainTemplate.xhtml">

    <ui:define name="title">Title Page</ui:define>

    <ui:define name="content">
    /* your jsf code */
    </ui:define>
</ui:composition>

通过此示例，您可以轻松更改页面的内容和标题。

使用p：layout动态呈现页面

布局页面

菜单控制器

1 个答案: