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'数组来使其工作：

<audio id="playaudio" src="hello.ogg"></audio>
<div>
    <button onclick="document.getElementById('playaudio').play()">Play</button>
    <button onclick="document.getElementById('playaudio').pause()">Pause</button>
</div>

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

2 个答案: