Javascript 向EXTJS按钮添加工具提示

我正在尝试向我的按钮添加工具提示，我尝试了不同的方法，但是当我将鼠标放在按钮下时没有发生任何事情，这是我尝试添加此工具提示时代码的一部分 当我创建一个叫做guestButton的按钮时

 {
    xtype : 'button',
    id : 'guestButton',
    text : 'Guest User',
    handleMouseEvents: true,
    width : 80,
    x : 70,
    y : 150,
    formBind : false,                       
    handler : function() {
    this.up().LoginGuest();
    }

在这里，当我尝试创建工具提示时

    var tooltips = [{
            target: 'guestButton',
            html: 'A very simple tooltip'
        }];
Ext.each(tooltips, function(config) {
        Ext.create('Ext.tip.ToolTip', config);
    });  

Ext.QuickTips.init();

---

谢谢

您应该能够使用以下方法为ExtJS中的按钮定义工具提示：

xtype : 'button',
id : 'guestButton',
text : 'Guest User',
tooltip: 'A very simple tooltip',

如果您的按钮被禁用，工具提示将不会显示。这是出于设计，但如果需要，可以使用一些CSS覆盖它：

.x-item-disabled, .x-item-disabled * {
    pointer-events:all;
}

---

请参见fiddle。

在渲染时添加工具提示的另一种方法
@chrisuae是对的，但它对我也不起作用
有效的方法是在元素渲染时创建工具提示：

   {
        xtype : 'textareafield', 
        grow : true,
        fieldLabel : 'E-Mail-Adressess'
        itemId : 'email',
        afterLabelTextTpl : required,
        allowBlank : false,
        listeners : {
            render: function(c) {
            Ext.create('Ext.tip.ToolTip', {
                target: c.getEl(),
                html: 'You can enter multiple emails here'
            });
           }    
        }
    }

谢谢你的回答， 我只是删除了这一行

handleMouseEvents:true，