使用ui:include仅包含页面的一部分

时间:2014-07-10 16:09:07

标签: jsf primefaces uiinclude

我正在为我的JSF Web应用程序创建一个文档页面,并希望在实际网页的p:tooltip中包含部分文档。有没有办法在ui中包含某些div:include?如果这是我的文档页面的代码:

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

我如何做一个ui:include只包含带有id的div:“thisOne”?

1 个答案:

答案 0 :(得分:2)

  

我如何做一个ui:include只包含带有id的div:   “thisOne”?

您可以创建一个包含在模板标记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>