重叠的工具提示在Extjs网格

Overlapping tooltip in Extjs Grid

本文关键字：Extjs 网格 工具提示 重叠      更新时间：2023-09-26

我有一个问题，我一直试图解决。我对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是如何渲染它的网格的，但是有一种方法可以让我把齿轮图标放在标题之外，或者当用户鼠标移到齿轮图标上时不显示"双击配置"工具提示?

我不知道在哪里看的代码我有一个文件uiconconstant .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
    });

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

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

为标题创建快速提示:

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

注意:齿轮工具周围应该总是有一个区域，在那里工具提示改变-不确定它是否适合你的用例。然而，两个提示不能出现

相关文章：