Wie Element mit ExtJS anzeigen/verbergen/wechseln?

Question

Wie Element mit ExtJS anzeigen/verbergen/wechseln?

Answer 1

sehr einfach, auf Elementebene (weiter zu den Kommentaren unten):

Ext.get("my-div"); 

Wo my-div die ID des Elements in Frage.

Siehe here und here

Auf der Komponentenebene:

Ext.getCmp('idofthecomponent').getEl().show(); 
Ext.getCmp('idofthecomponent').getEl().hide(); 
Ext.getCmp('idofthecomponent').getEl().toggle(); 

Siehe here (show), here (hide) und here (toggle) sind. Also würde 'idofthecomponent' heißen, sagen wir die einem Panel-Objekt zugewiesene ID.

Sie können das Element auch direkt mit anderen Selektoren aufrufen, z. B. document.getElementbyId, z.

document.getElementById('elementtoshow').show(); 

Answer 2

Ext.AbstractComponent eine versteckte Eigenschaft hat, die Sie als wahr in der Initialisierung und dann ändern programmatisch später

items: [{ 
    xtype: 'button', 
    itemId: 'submitButton', 
    text: 'Submit', 
    hidden: true 
}] 

und dann einstellen ...

me.getComponent('submitButton').hidden = false;