Jak pokazać/ukryć/włączyć element za pomocą ExtJS?

Question

Jak pokazać/ukryć/przełączyć element za pomocą ExtJS?

Answer 1

Bardzo proste, na poziomie elementu (dalej komentarzach poniżej):

Ext.get("my-div"); 

Gdzie my-div jest id elementu, o którym mowa.

Zobacz here i here

na poziomie komponentów:

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

Zobacz here (show), here (hide) i here (toggle) odpowiednio. Tak więc "idofthecomponent" będzie, powiedzmy, id przypisany do obiektu Panel.

Można również odwołać się do elementu bezpośrednio za pomocą innych selektorów, takich jak document.getElementbyId, np.

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

Answer 2

Ext.AbstractComponent ma ukryte właściwości, które można ustawić jako prawdziwe w inicjalizacji, a następnie zmienić programowo na żądanie

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

a potem ...

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