保持 primefaces 工具提示可见，直到手动关闭答案

【问题标题】：Keep primefaces tooltip visible until its manually closed保持 primefaces 工具提示可见，直到手动关闭
【发布时间】：2016-10-27 03:04:22
【问题描述】：

我想在按钮悬停时创建一个带有动态内容的工具提示，并在其中显示一个数据表。经过一番谷歌搜索后，我设法让它工作，但有一个小问题。在手动关闭之前，我无法保持工具提示可见，并且 primesfaces 工具提示选项似乎没有任何属性来实现类似的功能。

工具提示代码：

<h:panelGroup>
    <h:outputLink id="lnk" value="#">
        <h:outputText value="Sample Tooltip"/>
    </h:outputLink>
    <p:tooltip for="lnk" position="right" />
        <p:dataTable var="car" value="#{preOrderController.cars}">
            <p:column headerText="Id">
                <h:outputText value="#{car.id}" />
            </p:column>

            <p:column headerText="Year">
                <h:outputText value="#{car.name}" />
            </p:column>

        </p:dataTable>
</h:panelGroup>

工具提示工作正常，我想要做的是，一旦鼠标悬停在按钮上并显示工具提示，我想让它保持可见，直到用户手动单击右上角或其他地方的关闭按钮屏幕。我没有必要使用工具提示，如果 primefaces 有其他东西可以用来获得类似的功能，我愿意接受建议。

【问题讨论】：

尝试过覆盖吗？
@ArgaPK 很抱歉，我什至没有收到您的帖子的通知。让我试试这个。非常感谢。

标签： jsf primefaces tooltip

【解决方案1】：

解决办法在这里

<h:form>
<h:panelGrid>
    <h:panelGroup>
        <p:commandButton value="Hide" type="button" onclick="PF('tooltip').hide();"/>  
    </h:panelGroup>
    <h:panelGroup>
        <p:commandLink id="focus" value="link" onmouseover="PF('tooltip').show()"/>
 <p:tooltip value="This is a tooltip" for="focus" hideEvent="blur" widgetVar="tooltip"/>
    </h:panelGroup>
</h:panelGrid>
</h:form>

【讨论】：

【解决方案2】：

试试这个：

<h:form onclick="PF('tooltip').hide()">

    <p:commandLink id="focus" value="link" onmouseover="PF('tooltip').show()"/>
    <p:tooltip value="This is a tooltip" for="focus" hideEvent="blur" widgetVar="tooltip"/>

</h:form>

请注意，您需要在<h:form> 内单击才能隐藏工具提示

【讨论】：