在ExtJS中,当鼠标悬停在工具栏文本上时,销毁以前的工具提示可以通过以下步骤实现:
listeners
属性来实现这一点。listeners: {
mouseover: 'destroyPreviousTooltip'
}
destroyPreviousTooltip
方法,该方法将在鼠标悬停时被调用。destroyPreviousTooltip: function (button) {
Ext.destroy(Ext.tip.ToolTip.currentTooltip);
}
destroyPreviousTooltip
方法中,使用Ext.destroy
函数来销毁之前存在的工具提示。Ext.tip.ToolTip.currentTooltip
是一个全局变量,它保存了当前显示的工具提示实例。完整的代码示例:
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工具栏文本中的"新项目"上时,之前存在的工具提示将被销毁。请注意,这只是一个示例,实际应用中可能需要根据具体情况进行适当的修改。
领取专属 10元无门槛券
手把手带您无忧上云