我有一个按钮,当用户悬停在上面时,我会显示一个工具提示。
function createTooltp(toolTipId) {
tooTip = new Ext.ToolTip({
target: toolTipId, //The button
anchor: 'left',
autoWidth: true,
autoHeight: true,
closable: false,
autoHide: true,
autoHeight : true,
closable: false,
contentEl: 'content-tip'
});
tooTip.show();
}
现在,当用户悬停时,它显然会隐藏起来,因为我提到了autoHide:true,
。但当用户悬停到实际显示的工具提示时。我希望工具提示一直显示,直到鼠标在它上面,而当鼠标不在目标(按钮)或实际工具提示上时隐藏起来。这怎么能实现呢?
4条答案
按热度按时间yqyhoc1h1#
不要依赖Ext为您隐藏工具提示(自动隐藏:false)。相反,当您离开工具提示目标和工具提示时,使用window.setTimeout启动延迟隐藏,但当您将鼠标悬停在工具提示上时取消隐藏。这样,只有当您在500毫秒后离开工具提示时,它才会隐藏。
krugob8w2#
我的两点意见:我的任务是为网格面板列中的工具提示添加相同的行为,但它没有办法在其中传递配置或工具提示(或者可能是我在文档中遗漏了它,在阅读源代码时,如果我有,请评论)。所以我通过在我的应用程序中添加小覆盖来解决它
holgip5t3#
试试看:
从该参考资料中了解更多信息:ToolTip
mtb9vblg4#
我用一个变通的方法(jQuery)做了这件事。并使用Span和CSS创建了我自己的工具提示。