¿Cómo mostrar/ocultar/alternar elemento con ExtJS?

Question

Cómo mostrar/ocultar/alternar elemento con ExtJS?

Answer 1

muy sencillo, a nivel de elemento (aún más a los comentarios a continuación):

Ext.get("my-div"); 

Dónde my-div es el id del elemento en cuestión.

Ver here y here

a nivel de componentes:

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

Ver here (show), here (hide) y here (toggle) respectivamente. Entonces, 'idofthecomponent' sería, digamos, la identificación asignada a un objeto Panel.

También puede consultar el elemento directamente utilizando otros selectores, como document.getElementbyId, p. Ej.

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

Answer 2

Ext.AbstractComponent tiene una propiedad oculta, la cual se puede establecer como verdadero en la inicialización y luego alterar mediante programación a la carta

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

y luego ...

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