Primefaces 如何永久显示p:工具提示?

Primefaces 如何永久显示p:工具提示?,primefaces,tooltip,Primefaces,Tooltip,我正试图在正在处理的PrimeFaces项目中永久显示p:tooltip。 这是我当前的代码: <p:graphicImage id="testImg" name="/img/testImg.jpg" onclick="PF('info').show();" style="cursor: pointer"/> <p:tooltip for="testImg" value="further information" position="right" /> <p:di

我正试图在正在处理的PrimeFaces项目中永久显示
p:tooltip

这是我当前的代码:

<p:graphicImage id="testImg" name="/img/testImg.jpg" onclick="PF('info').show();" style="cursor: pointer"/> 
<p:tooltip for="testImg" value="further information" position="right" />
<p:dialog widgetVar="info" modal="true" closeOnEscape="true" >
    <h:outputText value="bla bla bla"/>
</p:dialog>

我试过这个:

<p:tooltip for="testImg" value="further information" position="right" showEevent="permanent"/>

但它不起作用


是否有任何方法可以控制工具提示并使其永久可见,而无需鼠标悬停或聚焦控制元素?

正如您所注意到的,没有称为永久的显示事件。您可以做的是使用小部件变量用JavaScript控制工具提示。可以使用
widgetVar
属性为工具提示指定一个。具有多个功能,其中一个是
show()
(用于显示工具提示)。
显示工具提示时有150毫秒的延迟,因此将其设置为0可立即显示工具提示。要防止隐藏工具提示,请将
hideEvent
设置为某个不存在的事件(如
none

总而言之:

<h:panelGrid columns="3">
  <h:outputText value="Permanent" />
  <p:inputText id="permanent"
               title="Permanent tooltip" />
  <p:tooltip id="permanentTip"
             for="permanent"
             widgetVar="permanentTip"
             showDelay="0"
             hideEvent="none"/>
</h:panelGrid>

<script>
  $(function(){ 
    PF('permanentTip').show();
  });
</script>

$(函数(){
PF('permanentTip').show();
});
另见:


那么,基本上您希望在图像的右侧显示文本?为什么不简单地添加一个文本并添加样式类
ui工具提示