ExtJS 5工具提示位置

时间:2015-09-04 16:33:29

标签: javascript extjs position tooltip extjs5

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

此处示例:fiddle

Ext.onReady(function () {

    Ext.QuickTips.init();

    Ext.create('Ext.container.Viewport', {
        layout: 'fit',
        padding: 100,
        items: [{
            tbar: {
                items: ['->',{
                    text: 'Toolbar button',
                    tooltip: 'toolbar button tooltip',
                    menu: {
                        items: [{
                            tooltip: 'menu item tooltip',
                            text: 'menu item'
                        }]
                    }
                }]
            }
        }]
    });
});

1 个答案:

答案 0 :(得分:1)

或者你可以添加一个' mouseOffset'工具提示配置中的数组:

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