如何为 xe:dashboard 和 xe:carousel 控件禁用 "Dashboard" 和 "Carousel" 默认工具提示？

Question

我正在尝试禁用悬停在 xe:dashboard 和 xe:carousel 控件上时自动显示的 "Dashboard" 和 "Carousel" 工具提示。

我确实尝试添加以下 scriptBolck，但我仍然收到工具提示

    <xp:scriptBlock id="scriptBlock2">
        <xp:this.value><![CDATA[// disable tooltips
           $(document).ready(function(){
              console.log("IN $(document).ready(function(){ ");
              $('[rel=tooltip]').tooltip()          // Init tooltips
              $('[rel=tooltip]').tooltip('disable') // Disable tooltips
              $('[rel=tooltip]').tooltip('enable')  // (Re-)enable tooltips
              $('[rel=tooltip]').tooltip('destroy') // Hide and destroy tooltips
       });]]></xp:this.value>
    </xp:scriptBlock>

Answer 1

这不是工具提示，而是包含 div 和 xspDashboard class:

的 title 属性

<div id="view:_id1:layout:contentPanel:dashboardPanel:mainDashboard" class="row xspDashboard" style="background-color: #eeeeee;border-radius: 8px;" title="Dashboard" role="presentation"><div class="xspDashboardInner">

标题设置在DashboardRenderer.java line 163。我尝试使用 xe:dashboard 上的标题属性设置另一个标题，但这不会更改属性，而是直接打印出标题文本，如您在源代码第 161 行中看到的那样。我相信这是一个错误，因为渲染器使用 w.writeText(boardTitle, null);而不是 w.writeAttribute("title", boardTitle, null);.

作为解决方法，您可以像这样清除标题：

$('.xspDashboard').attr("title", "")

如何为 xe:dashboard 和 xe:carousel 控件禁用 "Dashboard" 和 "Carousel" 默认工具提示？

How to disable the "Dashboard" and "Carousel" default tooltip for the xe:dashboard and xe:carousel controls?

xpages

xpages-extlib