Button 溢出按钮上的Extjs工具提示

Button 溢出按钮上的Extjs工具提示,button,text,tooltip,overflow,extjs4.1,Button,Text,Tooltip,Overflow,Extjs4.1,我试图在extjs溢出按钮上添加一个工具提示,但我找不到一种方法来实现。文档中也没有提到。有人能做到吗?或者更改按钮的文本 我发现 overflowText: 'More >' 但这似乎不起作用您可以在工具栏的afterrender事件期间向溢出按钮添加工具提示。目标元素将是afterrender事件中的this.layout.overflowHandler.menuTrigger.el 使用JSFIDLE(溢出图标位于工具栏的右下角,由于缺少css,该图标无法呈现) 非常感谢约翰·霍

我试图在extjs溢出按钮上添加一个工具提示,但我找不到一种方法来实现。文档中也没有提到。有人能做到吗?或者更改按钮的文本

我发现

overflowText: 'More >'

但这似乎不起作用

您可以在工具栏的
afterrender
事件期间向溢出按钮添加工具提示。目标元素将是
afterrender
事件中的
this.layout.overflowHandler.menuTrigger.el

使用JSFIDLE(溢出图标位于工具栏的右下角,由于缺少css,该图标无法呈现)


非常感谢约翰·霍尔。这正是我想做的。sweeeeeet:)您知道如何向溢出菜单项添加工具提示吗?所有“我的工具栏”项都有一个工具提示,直到它们进入溢出菜单,然后工具提示才起作用@约翰Hall@joe您可能会修改组件的*tplAttr属性之一以包含“data qtip={tip}”,只要您初始化QuickTips并为组件提供适当的数据(即,为模板提供数据),它应该“正常工作”@JohnHall我在这里与其他一些用户交谈过,它也可能是Sencha错误。他们建议改为键入:“Scroller”
Ext.create('Ext.toolbar.Toolbar', {
    renderTo: document.body,
    width   : 300,
    margin  : '5 0 0 0',
    layout  : {overflowHandler: 'Menu' },
    items   : [
        {
            text   : 'This is a Button',
            tooltip: 'This is a tip',
        },
        {
            text   : 'This is another button',
        },
        {
            text : "this is yet another button!"
        }
    ],
    listeners: {
        afterrender: function(view){
            var me = this;
            console.log(me);
            Ext.Function.defer(function(){
                Ext.create('Ext.tip.ToolTip', {
                    target       : me.layout.overflowHandler.menuTrigger.el,
                    anchor       : 'left',
                    dismissDelay : 0,
                    showDelay    : 0,
                    autoHide     : true,
                    html         : "This is a tooltip!"
                });
            }, 100);
        }
    }
});

Ext.onReady(function(){
    Ext.QuickTips.interceptTitles = true;
    Ext.QuickTips.init();
});