Primefaces <p:tooltip> 在另一个 Ajax 请求后不会消失

Question

假设我的<p:dataTable> 中有一些工具提示。 当我更改dataTable 的页面时，当另一个页面出现时，我在任何工具提示上移动鼠标 - 它会显示，但在加载另一个页面后，工具提示永远不会消失。我尝试使用p:ajax 更新它, p:remoteCommand 但没有任何帮助，实际上这使另一个 Ajax 请求和工具提示也卡住了。只有整页重新加载 F5 有效。

有人遇到过这样的问题吗？ 非常感谢您的帮助！

Answer 1

如果其他人对此感到困惑，我想我找到了一个值得尝试的解决方案。 就我而言，我有一个工具提示，当我将鼠标悬停在命令按钮上时会显示，但如果我单击它，它将运行 ajax 请求并返回，更新组件并完成，但工具提示仍会保留。这就是我为修复它所做的。

<p:tooltip id="saveDeleteTooltip" globalSelector="[data-tooltip]" position="top" hideEvent="mouseleave click"/>

为 hideEvent 属性提供两个事件，并且似乎可以识别和使用两者。第一个是正常的鼠标悬停，但是当我单击命令按钮时，第二个会触发它确实会隐藏工具提示，就像它应该做的那样。

Answer 2

这看起来像一个 PrimeFaces 错误，但您可以通过 JS 隐藏分页事件的工具提示来解决它。

<p:dataTable value="#{bean.val}" var="row" rowIndexVar="rowIndex" rows="10" paginator="true">
    <p:ajax event="page" oncomplete="hideTooltips();" />

    <p:column>
        <h:outputText id="text" value="#{row}" />
        <!--
            since p:tooltip is located inside an iterative component (p:dataTable), we can't
            just define a static widgetVar value, because there will be a widget instance for
            each iteration, and each instance must have a unique widgetVar value, so we'll
            use rowIndex to achieve that
        -->
        <p:tooltip widgetVar="textTipVar#{rowIndex}" for="text" value="Tip" />
    </p:column>
</p:dataTable>
<script>
    function hideTooltips() {
        /*
            we've defined a bunch of widgetVars with a dynamic name, so we'll iterate over
            all widgets on the page and find the ones we need by looking for a known
            widgetVar prefix
        */
        for (var w in PrimeFaces.widgets) {
            if (w.indexOf('textTipVar') === 0) {
                PrimeFaces.widgets[w]._hide();
            }
        }
    }
</script>

这使用了一个未记录的 Tooltip 小部件方法_hide，在更新到另一个 PrimeFaces 版本时请记住这一点，例如该方法的名称可能会更改。 PrimeFaces.widgets 对象也没有记录。

---

更新。正如 russellelbert 在 cmets 中指出的那样，自 PrimeFaces 7.0 起，该方法的名称就是 hide - 没有下划线。
此外，由于 PrimeFaces 10.0，PrimeFaces.widgets 和 Tooltip#hide 都是记录在案的客户端 API 的一部分。