Tomcat6 で el2.2 ライブラリを使用して JSF 2.1 を使用しています。
すべてのページに共通のヘッダー、メニューバー、フッターを含むテンプレート レイアウトを作成し、コンテンツのみを変更しました。各セクションは独自の div タグにあります。すべてが正常に機能し、メニューバーのリンクは、faces-config ナビゲーション ルールを使用して新しいページに正しく移動します。
動的に作成された UIComponents を保持するコンテンツ ページを作成しました。ビューがレンダリングされると、1 つの項目を含むパネルグリッドが正しく表示されますが、すべてのメニュー項目が機能しなくなります!
xhtml から panelgrid タグを削除して更新すると、メニュー項目が再び正しく機能します。この場合に生成される HTML の唯一の違いは、パネルグリッドのテーブル タグの有無です。
次の例では、単一の子を持つ単一の HtmlPanelGrid にそれを取り除きました。
My 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>