Extjs 4.1 日历 - 工具提示第一次不显示

Posted

技术标签:

【中文标题】Extjs 4.1 日历 - 工具提示第一次不显示【英文标题】:Extjs 4.1 Calendar - tooltips not show first time 【发布时间】:2013-10-25 04:07:44 【问题描述】:

我使用日历并在 eventover 函数中创建了类似的工具提示

                       'eventover': function(vw, rec, el)
                            new Ext.ToolTip(
                                target: el,
                                trackMouse: true,
                                html:   'test'
                            );
                        );

但这在我第一次悬停事件时不起作用(我必须悬停并再次悬停)

如何解决这个问题,谢谢

【问题讨论】:

你能提供一个例子来说明这个问题吗?这是特定于您的日历的还是更一般的? 请发布更多代码。 eventover 不是 ExtJs 中记录的事件。 【参考方案1】:

您会遇到这个问题,因为您在将鼠标悬停在元素上时创建了Ext.ToolTip。然后它会在您的下一个鼠标悬停事件中显示。

Ext.ToolTip 绑定到 target 元素,并在您悬停该元素时自动显示。您必须在悬停元素之前创建工具提示,它会在必要时显示。由于您无法在呈现之前将工具提示附加到元素,因此定义工具提示的好地方是在包含带有工具提示的元素的 Ext.Componentrender 事件中。

【讨论】:

【参考方案2】:

只需添加show() 方法

Ext.ToolTip(
        target: el,
        trackMouse: true,
        html:   'test'
    ).show();

【讨论】:

以上是关于Extjs 4.1 日历 - 工具提示第一次不显示的主要内容,如果未能解决你的问题,请参考以下文章

Extjs Datefield 在 chrome 中不显示日历

Extjs 4.1 选项卡面板不显示数据

悬停时:如何在 Extjs 的 textarea 字段中显示带有复制选项的工具提示

将工具提示添加到 extjs 网格以显示有关该行的完整信息

Extjs 在以单元格为基础的整个网格行上显示工具提示

EXTJS 4.1 如何在不重新加载 TreeStore 的情况下删除过滤器