Extjs4 отображает подсказку для отключенной кнопки - PullRequest
Новая
       2

Extjs4 отображает подсказку для отключенной кнопки

2 голосов
/ 09 января 2012

когда я отключаю кнопку, всплывающая подсказка также отключается.Есть ли способ показать всплывающую подсказку, даже если кнопка отключена. 

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

РЕДАКТИРОВАТЬ: он не работает должным образом на Firefox (я использую версию 8.0.1) для других браузеров (Chrome, Safari,опера) всплывающая подсказка работает как положено.

1 Ответ

3 голосов
/ 09 января 2012

@ jeewiya

По умолчанию среда ExtJS показывает всплывающую подсказку на отключенной кнопке. Вот что у меня было на кнопке сброса: 

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

И, следующее изображение показывает, что подсказка появляется даже после того, как кнопка Reset была отключена Tooltip on disabled button

В случае, если вы хотите опробовать мой пример, вот полный код, который я протестировал с 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()
});



});
...