javascript - Extjs 网格中的重叠工具提示

Question

我有一个问题一直在努力解决。我对 Sencha ExtJS 很陌生。我添加了图像链接来辅助我的解释。

当您将鼠标移至表格标题时，我有一个工具提示，显示“双击以配置”，效果很好。

此处显示:http://img227.imagevenue.com/img.php?image=952843717_Header_122_41lo.jpg

还有当您将鼠标移至齿轮图标上时，我有一个工具提示，显示“显示可用选项”。

问题是齿轮图标位于标题内，因此当您将鼠标悬停在齿轮图标上时，也会显示标题工具提示。此处显示 http://img157.imagevenue.com/img.php?image=952937141_Config_122_421lo.jpg

我真的不知道 EXTJS 如何呈现它的网格，但是有没有办法让我将齿轮图标放置在标题之外，或者当用户将鼠标悬停在齿轮图标上时不显示“双击配置”工具提示？

我不确定在代码中的哪里查看我有一个文件 uiconstant.js，它在静态类中创建所有 UI 常量

UIElements:
{
    SIMULATION_GRID: 'simulationgrid',
    REPORT_SCHEDULER: 'reportscheduler',
    BLENDED_BENCHMARK: 'blendedBenchmark',
    BLENDED_BENCHMARK_GROUPINGS: 'blendedBenchmark_groupings',
    DEFAULT_CONTAINER_LABEL: 'Click to configure container',
    EDIT_CONFIGURE_CONTAINER_LABEL: 'Click to edit configuration',
    DO_NOT_REQUEST_CONTENT_LABEL: 'Automatic calculation off for this dashboard.',
    NO_RECORDS_FOUND: '<div class="no-records-found">No records found</div>',
    CONTAINER_PANEL: 'containerPanel',
    DoubleClickToConfigure: 'Double-click to Configure'
}

我还有一个 ContainerPanel.js 文件，它表示容器的自定义面板。不确定我是否正在查找正确的文件来进行此更改或更新网格

    Ext.create('Ext.tip.ToolTip', {
        target: header,
        html: UiConstant.UIElements.DoubleClickToConfigure

    });

Answer 1

工具支持工具提示，因此您可以使用工具提示文本配置齿轮。现在，标题不直接支持工具提示 - 您可以通过创建工具提示并设置其标题来处理它。

让我们尝试一种不同的方法:齿轮工具上的工具提示实际上是快速提示 - 一次仅存在一个快速提示实例。

要为标题创建快速提示，请执行以下操作:

panel.getHeader().getEl().set({'data-qtip':'Your text here'});

注意:齿轮工具周围总会有一个区域，工具提示会发生变化 - 不确定它是否适合您的用例。不过，不应出现两个提示。