如何永久显示一个p:tooltip？

Question

我正在尝试在我正在处理的 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"/>

但是没用。

有什么方法可以控制工具提示并使其永久可见，而无需将鼠标悬停在控制元素上或聚焦控制元素？

Answer 1

如您所见，没有称为永久性的表演活动。您可以做的是使用小部件变量通过 JavaScript 控制工具提示。您可以使用 widgetVar 属性为工具提示分配一个。 tooltip widget 有几个功能，其中之一是 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>

另请参阅：

How can I get a PrimeFaces widgetVar function list?

如何永久显示一个p:tooltip？

How to permanently show a p:tooltip?

tooltip

primefaces