首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在将鼠标悬停在extjs工具栏文本中的新项目上时销毁以前的工具提示

在ExtJS中,当鼠标悬停在工具栏文本上时,销毁以前的工具提示可以通过以下步骤实现:

  1. 首先,为工具栏文本添加一个监听器,以便在鼠标悬停时触发事件。可以使用listeners属性来实现这一点。
代码语言:javascript
复制
listeners: {
    mouseover: 'destroyPreviousTooltip'
}
  1. 在控制器中定义destroyPreviousTooltip方法,该方法将在鼠标悬停时被调用。
代码语言:javascript
复制
destroyPreviousTooltip: function (button) {
    Ext.destroy(Ext.tip.ToolTip.currentTooltip);
}
  1. destroyPreviousTooltip方法中,使用Ext.destroy函数来销毁之前存在的工具提示。Ext.tip.ToolTip.currentTooltip是一个全局变量,它保存了当前显示的工具提示实例。

完整的代码示例:

代码语言:javascript
复制
Ext.application({
    name: 'MyApp',
    launch: function () {
        Ext.create('Ext.toolbar.Toolbar', {
            renderTo: Ext.getBody(),
            items: [{
                text: '新项目',
                listeners: {
                    mouseover: 'destroyPreviousTooltip'
                }
            }]
        });
    }
});

Ext.define('MyApp.controller.Main', {
    extend: 'Ext.app.Controller',
    alias: 'controller.main',

    destroyPreviousTooltip: function (button) {
        Ext.destroy(Ext.tip.ToolTip.currentTooltip);
    }
});

这样,当鼠标悬停在ExtJS工具栏文本中的"新项目"上时,之前存在的工具提示将被销毁。请注意,这只是一个示例,实际应用中可能需要根据具体情况进行适当的修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券