web-dev-qa-db-ja.com

ui:compositionを使用するときにページのヘッド要素を変更する方法

このようなマスターテンプレートがあることを質問したい

<?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">

    <h:head>
        <title>Login</title>
    </h:head>

    <h:body>
        <div id="top">
            <ui:insert name="top">
                <ui:include src="header.xhtml" id="header"/>
            </ui:insert>
        </div>
        <div>
            <div id="content">
                <ui:insert name="content"></ui:insert>
            </div>
        </div>
        <div id="bottom" style="position: absolute;top: 675px;width: 100%" align="center">
            <ui:insert name="bottom">
                <ui:include src="footer.xhtml" id="footer"/>
            </ui:insert>
        </div>
    </h:body>
</html>

私の各ページで私はこのようなものを使用しています

<?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:p="http://primefaces.prime.com.tr/ui"
    xmlns:f="http://Java.Sun.com/jsf/core"
    xmlns:h="http://Java.Sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>City Setup</title>
    </h:head>

    <h:body>
        <ui:composition template="./WEB-INF/templates/layout.xhtml">
            <ui:define name="content">
                <h:form id="cityReviewform">
                    ......
                </h:form>

            </ui:define>
        </ui:composition>
    </h:body>
</html>

Ui; compositionが原因で、タイル属性が各ページで機能するようになりました。これは、ui:compositionがページ外のすべてのタグを破棄するためです。これで、各ページにログインのタイトル(つまりマスターテンプレート)が表示されます。だから私はどうすればこれを各ページで行うことができ、Login(master tempaltetitle)の代わりに独自のタイトルが表示されるのですか?

ありがとう

15
Basit

テンプレートクライアントでは、<ui:composition>の外側のすべて無視されます。テンプレートのアプローチを変更して、マスターテンプレートのタイトルに<ui:insert>を提供し、テンプレートクライアントの<ui:define>で定義できるようにする必要があります。

マスターテンプレート:

<!DOCTYPE html>
<html lang="en"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://Java.Sun.com/jsf/facelets"
    xmlns:h="http://Java.Sun.com/jsf/html">

    <h:head>
        <title><ui:insert name="title">Login</ui:insert></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </h:head>

    <h:body>
        <div id="top">
            <ui:insert name="top">
                <ui:include id="header" src="header.xhtml"/>
            </ui:insert>
        </div>
        <div>
            <div id="content">
                <ui:insert name="content" />
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom">
                <ui:include id="footer" src="footer.xhtml" />
            </ui:insert>
        </div>
    </h:body>
</html>

テンプレートクライアント:

<ui:composition template="/WEB-INF/templates/layout.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://Java.Sun.com/jsf/facelets"
    xmlns:p="http://primefaces.prime.com.tr/ui"
    xmlns:f="http://Java.Sun.com/jsf/core"
    xmlns:h="http://Java.Sun.com/jsf/html">

    <ui:define name="title">City Setup</ui:define>

    <ui:define name="content">
        <h:form id="cityReviewform">
            ...
        </h:form>
    </ui:define>
</ui:composition>

参照:

42
BalusC