Extjs4 显示禁用按钮的工具提示

Question

当我禁用按钮时，它的工具提示也会禁用。即使按钮被禁用，有没有办法显示工具提示。

//create my button
       var myButton = Ext.create('Ext.Button', {
            tooltip :  'my Button Tooltip Text',
            id : 'my-button ',
            iconCls : 'star-icon',
            handler: Ext.Function.pass(_rmp.mediaManager.myButtonFunction, this)
        });

 //disable my button
    Ext.getCmp('my-button').disable();

编辑： 对于其他浏览器（chrome、safari、opera），它在 firefox（我使用的是 8.0.1 版）上没有按预期工作。工具提示按预期工作。

Answer 1

@jeewiya

默认情况下，ExtJS 框架在禁用按钮上显示工具提示。这是我的重置按钮上的内容：

{
        text: 'Reset',
        tooltip :  'my Button Tooltip Text',
            id : 'my-button ',
        handler: function() {
            this.up('form').getForm().reset();
        }
}

并且，下图显示即使在禁用重置按钮后也会出现提示

如果您想试用我的示例，这里是我使用 ExtJS 4.0.7 测试过的完整代码，并且按预期工作：

Ext.onReady(function(){

Ext.tip.QuickTipManager.init();

var form = Ext.create('Ext.form.Panel', {

    renderTo: Ext.getBody(),

    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,

    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false
    },{
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Reset',
        tooltip :  'my Button Tooltip Text',
        id : 'my-button ',
        handler: function() {
            this.up('form').getForm().reset();
        }
    }, {
        text: 'Submit',
        formBind: true, 
        disabled: true,
        handler: function() {
            Ext.getCmp('my-button ').disable();
        }
    }],
    renderTo: Ext.getBody()
});



});