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

Question

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

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

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

Answer 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',

适合您的布局

Answer 2

我通过检查工具提示机制的内部工作并添加"mouseOffset"数组：

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