logo标签列表

如何在p:tooltip中插入换行符

jsfprimefacestooltip
6

如何在PrimeFaces tooltip组件中使用换行符将第一行与第二行分隔开？

<p:tooltip id="toolTip"
           for="idButton"
           value="First line Second Line"
           position="top"/>
2个回答
8
为了显示带有换行的工具提示，您需要将其放置在这样的位置。
<p:tooltip for="...">
    <h:outputText value="First line"/>
    <br/>
    <h:outputText value="Second line"/>
</p:tooltip>

或者使用PrimeFaces扩展(pe:tooltip)。
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions">
...

<pe:tooltip for="...">
    <h:outputText value="First line <br/> Second line" escape="false" />
</pe:tooltip>

https://forum.primefaces.org/viewtopic.php?t=23196

您还可以将First line<br/>Second Line直接作为p:tooltip的内容。因此，您不必将其放在两个由<br/>分隔的h:outputText中（尽管您可以这样做）。请参阅我的其他答案。这实际上使得两种解决方案都过于复杂。 - Kukeltje
1
escape属性在p:tooltip中不起作用，这就是我创建这个问题的原因。 - borchvm
1
根据6.2的文档，它确实可以/应该可以，并且我也使用过它。最近没有进行过显式测试，今晚会测试一下。你的版本是什么？ - Kukeltje
1
谢谢，我正在使用6.2版本，我已经看过文档，但是我无法在工具提示中运行转义属性。 - borchvm
6

PrimeFaces的工具提示支持自5.1版本以来的escape属性，所以只需执行以下操作：

<p:tooltip id="toolTip"
           for="idButton"
           value="First line<br/> Second Line"
           position="top"
           escape="false"/>

但是如果你想让HTML更加“显眼”，你也可以这样做。
<p:tooltip id="toolTip" for="idButton" position="top">
    First line
    <br/>
    Second Line
</p:tooltip>
我有PrimeFaces的6.2版本，但p:tooltip的escape属性无法正常工作，你试过吗？ - borchvm
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接