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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何永久显示p:工具提示?相关的知识,希望对你有一定的参考价值。

我正试图在我正在研究的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"/>

但它不起作用。

有没有办法控制工具提示并让它永久可见而不必鼠标悬停或聚焦控制元素?

答案

正如您所注意到的,没有名为永久性的节目事件。你可以做的是使用widget变量控制工具提示。您可以使用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>

也可以看看:

以上是关于如何永久显示p:工具提示?的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 4工具提示使用Datatables.net卡住了

使用 HighCharts 为点或永久标签创建粘性工具提示

PHP代码-psysh调试代码片段工具

如何暂时性更改或者永久更改cmd的命令提示符

如何在弹性框外显示悬停或工具提示

如何创建工具提示?