How to Show/Hide/Toggle Element mit ExtJS?

How to Show/Hide/Toggle Element mit ExtJS?

InformationsquelleAutor der Frage Jeaf Gilbert | 2010-11-02

  1. 30

    Sehr einfach, auf der element-Ebene (weiter in den Kommentaren unten):

    Ext.get("my-div");

    Wo my-div ist die id des Elements, in Frage stellen.

    Sehen hier und hier

    Auf der Ebene der Komponenten:

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

    Sehen hier (zeigen)hier (ausblenden) und hier (toggle) beziehungsweise. So 'idofthecomponent' wäre, sagen die id zugewiesen, um ein Panel-Objekt.

    Können Sie auch beziehen sich auf das element direkt mit anderen Selektoren, wie Dokument.getElementbyIdzB. 

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

    InformationsquelleAutor der Antwort SW4

  2. 4

    Ext.AbstractComponent hat eine versteckte Eigenschaft, die Sie festlegen können, als wahr in der Initialisierung und dann ändern programmgesteuert auf Nachfrage

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

    dann später...

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

    InformationsquelleAutor der Antwort Simon Frost

Schreibe einen Kommentar