Wie kann ich wählen Sie Elemente in ExtJS?
Ich habe ein ExtJS-Seite ist die Ausgabe des folgenden DOM.
Ich will wählen Sie ein bestimmtes element, so dass ich reagieren kann, um ein klicken Sie auf es.
Jedoch, wird der folgende code niemals ausgewählten Elemente, die erstellt werden, mit der extJS Bibliothek. JQuery kann nicht scheinen, um zu wählen, Sie entweder.
ExtJS finden nicht einmal ein element, das definiert ist in der <body>
element in der HTML-Datei selbst. Jedoch, JQuery können tatsächlich wählen Sie ein element definiert, in der <body>
element.
Habe ich gelesen,diese Anleitung, die scheint, anzuzeigen, sollte es kein problem sein, benutzen Sie einfach Ext.get()
und Ext.select()
um Elemente, jedoch, wie der folgende code zeigt, werden die Elemente nie ausgewählt.
Wie kann ich wählen Sie ein element in ExtJS?
var members = Ext.select('x-panel');
for (var i = members.length - 1; i >= 0; i--){
element = members[i];
element.on('click', function() { alert('test');})
};
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen
Ext.select('.x-panel')
mit einem Punkt in der Auswahl, die erforderlich ist für die Auswahl von Klassennamen.bmoeskau ist die richtige, die Sie verwenden können, Ext.wählen Sie('.x-panel') gibt eine Sammlung von divs mit der Klasse x-panel.
Beachten Sie, dass die Ext.get() gibt nur ein einziges element, also, wenn Sie wollen, um mehrere übereinstimmungen, die Sie verwenden sollten, Ext.wählen Sie() oder Ext.query().
Und was mehr ist, Ext.wählen Sie() gibt Ext.CompositeElement, wenn das Dokument nicht aufgeführt, sondern es unterstützt alle Methoden der Ext.Element, so Ihr Beispiel kann einfach geschrieben werden als:
Obige Code fügen Sie Ereignishandler für das click-operation für jede x-panel.
Verwenden:
wenn Sie brauchen, um den flyweight-element verwenden:
Finden Sie in der API-Dokumentation für die Statische Ext-Objekt für details