0

JSF2テンプレート機能を使用しようとしています。base.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:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
    >

    <h:head>
    <h:outputStylesheet name="test.css" library="style" target="head"/>
    </h:head>

    <h:body>

    <div id="page">
    <div id="header">
    <ui:insert name="header" >
    <ui:include src="/layout/header.xhtml" />
    </ui:insert>
    </div>

    <div id="content">
    <ui:insert name="content" >
     ???
    </ui:insert>
    </div>

    <div id="footer">
    <ui:insert name="footer" >
    <ui:include src="/layout/footer.xhtml" />
    </ui:insert>
    </div>

    </div>

    </h:body>
    </html>

このテンプレートを私のページ（testpage.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:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      >
    <h:body>

    <ui:composition template="/layout/base.xhtml">
    <ui:define name="content">
    Default Page content!!!!
    <h:outputText value="Foo bar" style="green"/>
    </ui:define>

    </ui:composition>

    </h:body>

    </html>

test.cssファイルはwebcontent/resources / styleフォルダーの下にあり、cssファイルの内容は次のとおりです。

.green{
color:#0000FF;      
}

ここで問題となるのは、スタイルシートがページに追加しているテストページを実行しようとしたときに（ビューソースを識別できる状態で）、UIに反映されていないことです。

上記のコードに何か問題がありますか？これに関するどんな助けもありがたいです。

4

1 に答える 1

2

属性を使用する必要があります（プレーンHTMLstyleClassの属性と同等）class

交換

<h:outputText value="Foo bar" style="green"/>

と

<h:outputText value="Foo bar" styleClass="green"/>
于 2013-02-10T08:25:56.693 に答える