ExtJS 5 - 指定按钮工具提示的位置答案

【问题标题】：ExtJS 5 - Specifying the position for a button's tooltipExtJS 5 - 指定按钮工具提示的位置
【发布时间】：2016-01-27 08:40:36
【问题描述】：

我正在使用 ExtJS 5，但在工具提示定位方面遇到了一些问题。具体来说，当我在页面的右下角有一个按钮时，工具提示会覆盖整个按钮本身。

我尝试过使用 anchorTo 属性，但它似乎没有任何影响。试图弄清楚如何将工具提示定位在按钮上方而不是在按钮上方。我确信有一个简单的解决方案 - 任何帮助将不胜感激。谢谢。

在此处查看小提琴：https://fiddle.sencha.com/#fiddle/j94

【问题讨论】：

标签： extjs tooltip extjs5

【解决方案1】：

你可以试试添加这个属性——

tooltipType: 'title'

这里..

bbar: {
                items: ['->', {
                    text: 'My Button',
                    tooltip: 'tooltip positioned on top of button',
                    tooltipType: 'title'
                }]
            }

这是文档中的内容 - http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.button.Button-cfg-tooltipType

如果您在按钮下方有更多空间，qtip 将起作用，在您的小提琴中，没有可用空间在按钮上绘制您的 qtip。您可以通过将布局更改为表单来检查它 -

layout: 'form'

或通过添加填充为

padding: '20 20 20 20',

适合您的布局

【讨论】：

【解决方案2】：

我能够通过检查工具提示机制的内部工作原理并添加一个“mouseOffset”数组来使其工作：

tooltip: {
            text: 'tooltip positioned on top of button',
            mouseOffset: [0,-60]
         }

【讨论】：