0

現在、Page.xhtml には Menubar.xhtml が含まれています。Page.xhtml は、Menubar.xhtml から menuBar.css を継承しているようです。Page.xhtml のコンテンツは menuBar.css を継承せず、themeMain.css のみを使用できますか?

Menubar.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">
<ui:composition xmlns="http://www.w3c.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:hx="http://www.ibm.com/jsf/html_extended">

<link type="text/css" rel="stylesheet" href="#{request.contextPath}/theme/primefaces-aristo/menuBar.css" />

<f:loadBundle basename="messages.MessageResources" var="msg" />

<tr>
    <td><img border="0" src="/BelsizeWeb/theme/new_header.png"
        width="930" height="85"></img></td>
</tr>
</ui:composition>

Page.xhtml

<h:head>
<title>Page</title>
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description"
    content="A short description of this page." />

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<link type="text/css" rel="stylesheet"
    href="#{request.contextPath}/theme/primefaces-aristo/themeMain.css" />

<f:view locale="en" />

<f:loadBundle basename="messages.MessageResources" var="msg" />
</h:head>

<h:body>
<h:form id="form1" enctype="multipart/form-data" prependId="false">
    <ui:include src="../../theme/menubar.xhtml" />
</h:form>
</h:body>
4

1 に答える 1

0

はい、<ui:composition>タグを内部に保持するか、Menubar.xhtml からスタイルシートのインクルードを単に削除して、<ui:include src>タグが必要なマークアップのみを埋め込むようにします。タグの外側にあるものはすべて<ui:composition>含まれません。

生成された html の本文にスタイルシートを含めると、予期しない結果が生じます。

お役に立てれば。

<ui:composition xmlns="http://www.w3c.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:hx="http://www.ibm.com/jsf/html_extended">


<f:loadBundle basename="messages.MessageResources" var="msg" />

<tr>
    <td><img border="0" src="/BelsizeWeb/theme/new_header.png"
        width="930" height="85"></img></td>
</tr>
</ui:composition>
于 2013-06-17T10:32:44.260 に答える