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(); 

EDIT： それは期待通りにツールチップが動作する他のブラウザ（クローム、サファリ、オペラ）のために（私はバージョン8.0.1を使用しています）のfirefoxで期待どおりに動作しません。デフォルトでは

@jeewiya

Answer 1

、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() 
}); 



});