Comment afficher/masquer/basculer un élément avec ExtJS?

très simple, au niveau de l'élément (suite aux commentaires ci-dessous):

Ext.get("my-div");

Où my-div est l'id de l'élément en question.

Voir Au niveau des composants here et here

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

Voir here (show), here (hide) et here (toggle) respectivement. Donc 'idofthecomponent' serait, disons l'identifiant attribué à un objet Panel.

Vous pouvez également vous référer directement à l'élément en utilisant d'autres sélecteurs, tels que document.getElementbyId, par ex.

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

Source

2010-11-02 09:13:42 SW4

Pour votre information, obtenir() devrait être utilisé en faveur de getEl() qui est obsolète. Notez que getEl() n'est pas répertorié dans les documents. –

ce n'est pas correct - getEl EST répertorié dans les docs, goto http://dev.sencha.com/deploy/dev/docs/ et tapez 'getEl'. Il n'est pas obsolète à utiliser au niveau du composant, dans ce contexte 'get' renvoie un composant sous-jacent, PAS l'élément wrapping comme requis ici (http://dev.sencha.com/deploy/dev/docs/source/Container. html # method-Ext.Container-get) vs (http://dev.sencha.com/deploy/dev/docs/source/Component.html#method-Ext.Component-getEl). – SW4

Ergo, Brian a raison à propos de get/getEl dans ce cas. Vos références de document sont Conteneur et Composant qui sont différents d'un élément dans Ext JS. –

Ext.AbstractComponent possède une propriété cachée que vous pouvez définir comme vrai dans l'initialisation, puis modifier la demande programatically

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

puis plus tard ...

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

Source

2013-05-19 22:55:32

merci, simple et fonctionnel. –

Comment afficher/masquer/basculer un élément avec ExtJS?

Répondre

Questions connexes