Wie man ein element in einer Ansicht aus einem Controller?

Bin ich mit Sencha Touch 2,0,1.

Ich brauche, um ein element aus einer Ansicht in einen Controller.

Im moment nutze ich diese Methode, die die Ansicht korrekt, aber ich bin nicht in der Lage, um das Element in der Ansicht. Ich bekomme keine Fehlermeldung, einfach mal testen ist nicht definiert.

Irgendwelche Ideen?

In der Steuerung:

var test = this.getDetailView().items['editButton'];

Code in der Ansicht:

Ext.define('XXX.view.DetailView',{
   ...

   items: [

        {
            xtype: 'button',
            text: 'Edit XXX',
            ui: 'custom-btn-dwn-timetable',
            itemId: 'editButton'
        }
  ],
    ...
}
InformationsquelleAutor GibboK | 2013-02-13
  1. 2

    Können Sie Ext.ComponentQuery in diesem Fall, um Ihre Schaltfläche:

    Ext.ComponentQuery.query('#editButton')[1];
    • danke es funktioniert, darf ich Sie Fragen, wie das ausblenden des ausgewählten Elements? Dank
    • Ich denke, Sie brauchen nur zu verwenden ausblenden Methode
    • Dies hat bei mir nicht funktioniert, es konnte nicht finden, dass die itemId
    InformationsquelleAutor Eli
  2. 5

    Gibt es ein paar andere Möglichkeiten, um den Verweis auf die Bearbeiten-Schaltfläche. Sie Draht können die Schaltfläche Bearbeiten, als ref wie diese:

    Ext.define('MyApp.Controller', {
    extend: 'Ext.app.Controller',

    config: {
        refs: {
            editButton: '#editButton'
        }
    },

    Dann in deinem controller aufrufen können Sie die automatisch erzeugten getterthis.getEditButton() zu Holen Sie sich die aktuellen edit-button-Komponente.

    Andere Sache, die Sie tun können, ist, speichern Sie die edit-Taste, wie eine Instanz-variable auf Ihre Ansicht wie diese:

    Ext.define('XXX.view.DetailView',{
   ...

   items: [

        this.editButton = Ext.widget{(
            xtype: 'button',
            text: 'Edit XXX',
            ui: 'custom-btn-dwn-timetable',
            itemId: 'editButton'
        )}
  ],
    ...
}

    So, jetzt, um Zugriff auf Ihre Schaltfläche in der Steuerung, die Sie zu tun haben: this.getDetailView().editButton

    Im Allgemeinen, wenn ein element ist etwas, das Sie Zugriff auf eine Menge, die Sie haben sollte eine Referenz gespeichert, anstatt die Abfrage des DOM (um zu vermeiden, unnötige Leistungseinbußen). Mit Ext.getCmp() ist auch langsamer durch die Durchführung stack (es muss auch durch die ComponentManager jedes mal nur um den Verweis).

    InformationsquelleAutor Sasha Brocato
  3. 1

    Könnten Sie versuchen Sie, Ihren button id edit und dann

    Ext.getCmp('edit').hide();
    InformationsquelleAutor dinodsaurus
Schreibe einen Kommentar