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

편집 : 그것은 예상대로 툴팁 작동 다른 브라우저 (크롬, 사파리, 오페라)에 대한 (I 버전 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() 
}); 



});