0

JSF Web アプリケーションのドキュメント ページを作成しており、ドキュメントの一部を ap:tooltip のように実際の Web ページに含めたいと考えています。ui:include に特定の div のみを含める方法はありますか? これが私のドキュメントページのコードである場合:

<h:body>
    <div id="thisOne">
        <h:outputText value="should show"/>
    </div>
    <div id="notthis" >
        <h:outputText value="This shouldn't show"/>
    </div>             
</h:body>

id: "thisOne" の div のみを含む ui:include を行うにはどうすればよいですか?

4

1 に答える 1

2

id: "thisOne" の div のみを含む ui:include を行うにはどうすればよいですか?

テンプレート タグui:compositionでラップされたページを作成し、タグを使用してui:includeそれをメイン ページに含めます。

このように（同じフォルダー内のファイルで）：

thisOne.xhtml 

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://xmlns.jcp.org/jsf/html">
    <div id="thisOne">
        <h:outputText value="should show"/>
    </div>
</ui:composition>

main.xhtml

<!DOCTYPE html>
<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:head>
<h:body>
    <h:form >
        <ui:include src="thisOne.xhtml" />
     </h:form>
    <div id="notthis" >
        <h:outputText value="This shouldn't show"/>
    </div>             
</h:body>
</html>
于 2014-07-10T18:56:30.880 に答える