我在 Tomcat6 上使用 JSF 2.1 和 el2.2 库。
我创建了一个模板布局，其中包含所有页面通用的页眉、菜单栏和页脚，只有内容发生了变化。每个部分都在其自己的 div 标签中。一切正常，菜单栏链接使用 faces-config 导航规则正确导航到新页面。
我现在创建了一个包含动态创建的 UIComponents 的内容页面。当视图渲染时，带有一项的面板网格正确显示，但所有菜单项都不再起作用！
如果我从 xhtml 中删除 panelgrid 标记并刷新，则菜单项将再次正常工作。在这种情况下，生成的 HTML 的唯一区别是 panelgrid 的 table 标记的存在/不存在。
在以下示例中，我将其剥离为带有单个子项的单个 HtmlPanelGrid。
我的 Bean：（BaseBean 所做的就是实现 Serializable）。
package org.gwl.chart;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.component.html.HtmlOutputLabel;
import javax.faces.component.html.HtmlPanelGrid;
import com.praxism.iims.web.BaseBean;
@ManagedBean
@SessionScoped
public class DashBacker extends BaseBean {
private static final long serialVersionUID = -894246439580172432L;
HtmlPanelGrid _dash;
public DashBacker() {
}
@PostConstruct
public void init() {
_dash = new HtmlPanelGrid();
_dash.setColumns(3);
_dash.setId("dashboard");
HtmlOutputLabel label1 = new HtmlOutputLabel();
label1.setId("label1");
label1.setValue("Label 1");
_dash.getChildren().add(label1);
}
public HtmlPanelGrid getDash() {
return _dash;
}
}
我的内容 xhtml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:iims-chart="http://java.sun.com/jsf/composite/components/chart">
<ui:composition>
<h:outputText styleClass="h1" value="#{msgs_dash.heading}"/>
<h:messages errorClass="errorMessage" infoClass="infoMessage" warnClass="warnMessage"/>
<h:panelGrid binding="#{dashBacker.dash}" />
</ui:composition>
</html>
我的菜单栏 xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<ui:composition>
<h:form id="menuBarFrm" styleClass="my-menubar">
<p:menubar>
<p:menuitem rendered="#{request.isUserInRole('user')}" value="Home" action="home"/>
<p:submenu rendered="#{request.isUserInRole('user')}" label="Help">
<p:menuitem rendered="#{request.isUserInRole('user')}" value="About" action="about"/>
</p:submenu>
</p:menubar>
</h:form>
</ui:composition>
</html>
最后，我的布局模板
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title><ui:insert name="windowTitle">DEFAULT_TITLE</ui:insert></title>
</h:head>
<h:body>
<div id="layout-header">
<ui:insert name="header">No define for "header"!</ui:insert>
</div>
<div id="layout-menubar">
<ui:insert name="menubar">No define for "menu"!</ui:insert>
</div>
<div id="layout-content">
<div id="layout-scrollable">
<div id="layout-margin">
<ui:insert name="content">No define for "content"!</ui:insert>
</div>
</div>
</div>
<h:messages/>
<div id="layout-footer">
<ui:insert name="footer">No define for "content"!</ui:insert>
</div>
</h:body>
</html>