Javascript ExtJS 5工具提示位置

我正在使用按钮和菜单项的工具提示，但我遇到了一个问题，工具提示覆盖了按钮本身，让用户感到沮丧。我想把工具提示完全放在按钮和菜单项的左侧，这样它就不会覆盖元素的任何部分。有办法做到这一点吗

示例如下：

---

是的，你可以。但是，您必须创建自定义工具提示来设置位置

var tip = Ext.create('Ext.tip.ToolTip', {
    target: menuButton.el,
    trackMouse: false,
    anchor: 'right', // set position
    constrainPosition :false,
    listeners: {
         beforeshow: function updateTipBody(tip) {
            tip.update('Toggle Button');
        }
    },
    renderTo: Ext.getBody()
});

//和菜单

        Ext.each(menuItems.items.items, function(item) {
            var tipMenu = Ext.create('Ext.tip.ToolTip', {
                target: item.el,
                trackMouse: true, // change to false
                anchor: 'right',
                constrainPosition :false,
                listeners: {
                     beforeshow: function updateTipBody(tipMenu) {
                         tipMenu.update(tipMenu.triggerEvent.target.textContent);
                    }
                },
                renderTo: Ext.getBody()
            });
        });

---

这是提琴：

或者您可以在工具提示配置中添加“mouseOffset”数组：

tooltip: { 
            text:        'This is a tooltip positioned slightly above the target', 
            mouseOffset: [0,-60] 
         }

tooltip: { 
            text:        'This is a tooltip positioned slightly above the target', 
            mouseOffset: [0,-60] 
         }