bor*_*hvm 6 jsf tooltip primefaces
如何在 PrimeFaces 组件中添加换行符tooltip以将第一行与第二行分开?
<p:tooltip id="toolTip"
for="idButton"
value="First line Second Line"
position="top"/>
Run Code Online (Sandbox Code Playgroud)
要显示带有换行符的工具提示,您必须这样放置
<p:tooltip for="...">
<h:outputText value="First line"/>
<br/>
<h:outputText value="Second line"/>
</p:tooltip>
Run Code Online (Sandbox Code Playgroud)
或者使用 PrimeFaces Extensions (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>
Run Code Online (Sandbox Code Playgroud)
https://forum.primefaces.org/viewtopic.php?t=23196
PrimeFaces 工具提示escape从 5.1 开始支持该属性,所以只需执行
<p:tooltip id="toolTip"
for="idButton"
value="First line<br/> Second Line"
position="top"
escape="false"/>
Run Code Online (Sandbox Code Playgroud)
但是如果你想要一个更“可见”的html,你也可以这样做
<p:tooltip id="toolTip" for="idButton" position="top">
First line
<br/>
Second Line
</p:tooltip>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4355 次 |
| 最近记录: |