Astuce sur la désactivation du composant dans ext js 6.0.1

Question

Je suis nouveau à l'ext js. Mon exigence est de montrer la pointe de l'outil sur le composant de désactivation (ex: xtype comme 'button', 'textfield', 'datepicker' etc) dans ext js 6.0.1.

Je suis reconnaissant si quelqu'un est confronté au même problème et ayant une solution sur le même.

Answer 1

Une façon simple de montrer infobulles sur les boutons handicapés dans Extjs est de changer la spécification de style pour .x-item-disabled pour pointer-events:none à pointer-events:all

<style> 
    .x-item-disabled, .x-item-disabled * { 
    pointer-events:all; 
} 
</style> 

Voir violon here

Answer 2

Pour Button - ajouter config infobulle.

var button={ 
     xtype : 'button', 
     id : 'BtnId', 
     tooltip:'', 
     text:'' 
}; 

lorsque vous désactivez le bouton.

button.disable(); 
button.setTooltip("Message"); 

Answer 3

Vous pouvez le faire programmaticly:

var button={ 
    xtype : 'button', 
    tooltip: 'Tooltip', 
    text:'Text', 
    style: { 
     pointerEvents: 'all' 
    } 
}; 

Ou après que le composant est initialisé:

button.setStyle({pointerEvents: 'all'});