Question

我有一个问题，我一直试图解决。请记住，我对Sencha EXTJS很新，所以我会尽量小心地说出来。我甚至包括图像链接来帮助我解释。所以如果您需要更多解释，请告诉我，我很乐意详细介绍。我想在没有投票的情况下提出一个好问题

当您将MouseOver移动到工作正常的表格标题时，我有一个显示“双击配置”的工具提示。

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

另外当您将MouseOver移动到齿轮图标时，我有一个显示“显示可用选项”的工具提示。

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

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

我不确定在代码中查找我有一个文件uiconstant.js，它在Static类中创建所有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

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

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

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

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

注意：齿轮工具周围应始终存在工具提示发生变化的区域 - 不确定您的用例是否可以接受。然而，不应出现两个提示。

Extjs Grid中的重叠工具提示

1 个答案: