如何使用Primefaces 5.x制作工具提示以显示静态页面片段?

时间:2015-11-16 12:20:23

标签: jsf jsf-2 primefaces

在我的网络应用程序中,我必须显示丰富的工具提示,这意味着工具提示包含一些文本,有时格式丰富,甚至包含图像或表格。

我计划将工具提示的内容放在.xhtml文件中,因此在需要时更容易重新格式化。

但是,我找不到任何显示此行为的示例或代码示例。我想我必须结合某些组件才能达到我想要的效果,但无法弄明白。

这可能吗?怎么样?

1 个答案:

答案 0 :(得分:1)

请在下次您必须阅读Primefaces文档之前再提问。这很容易。

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
    <h:form id="mainForm">
        <h:outputText value="I must to look at Primefaces Showcase: " />
        <h:outputLink id="content" value="#">
            <h:outputText value="Primefaces" />
        </h:outputLink>
        <p:tooltip id="toolTipContent" for="content">
            <ui:include src="include.xhtml" />
        </p:tooltip>
    </h:form>
</h:body>
</html>

<强> include.xhtml

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h2>Include tooltip</h2>
    <h:graphicImage value="http://www.primefaces.org/showcase/javax.faces.resource/main/images/logoBlue.svg.xhtml" />
</ui:composition>